Заголовок документа
Это жирный и курсив текст, ещё inline код.
Списки
- Первый пункт
- Второй пункт с ссылкой
- Третий
Цитата
Markdown писали для людей, которые не хотят отвлекаться на разметку.
Блок кода
const x: number = 42;
console.log(x);IT
Минималистичный Markdown-рендерер. Превью в HTML, экспорт в чистый текст, оглавление документа, поддержка стандарта CommonMark (заголовки, **жирный**, *курсив*, `код`, цитаты, списки).
Об инструменте
Минимальный рендерер Markdown в HTML: заголовки, списки, ссылки, цитаты и блоки кода. Подходит, чтобы быстро посмотреть, как будет выглядеть README или техническая заметка, и сразу скопировать готовый HTML.
Поддержка основных элементов CommonMark - то, чем пользуются 95% авторов.
Автоматическое оглавление по заголовкам.
Подсчёт слов, символов и времени чтения.
Режим «текст без разметки» - удобно, чтобы скопировать чистое содержимое.
Шаг за шагом
Ограничения
Поддерживается безопасное подмножество CommonMark: заголовки, выделение, код, цитаты, списки, ссылки и изображения.
Встроенный HTML отображается как обычный текст. Опасные протоколы ссылок и изображений блокируются.
GFM-таблицы, сноски, списки определений и вложенные списки пока не поддерживаются.
Советы
Markdown - самый портабельный формат: пишите в нём заметки, README и документацию - потом легко перенести куда угодно.
На GitHub работает GFM с таблицами, чекбоксами и упоминаниями - расширение, которое тут не покрыто.
Для статических сайтов посмотрите MDX - это Markdown плюс React-компоненты.
Вопросы
Да. Предпросмотр не исполняет HTML и скрипты из введённого текста. Поддерживаемое подмножество Markdown перечислено выше.
Теги HTML не интерпретируются и отображаются как текст. Это предотвращает выполнение вставленного кода.
На длинных страницах оглавление с якорями помогает читать и навигироваться. Этот же список можно использовать для генерации TOC на сайте.
Ещё