Слева разметка, справа готовая страница. Переключитесь на код — получите чистый HTML: фрагмент для CMS или самостоятельный файл со встроенными стилями.
Разбор идёт в браузере — текст не отправляется на сервер
наведите курсор на строку — парная часть подсветится во второй области
Раскладка
Markdown
Знаков840
Слов142
Заголовков5
Блоков кода1
1.6 КБ · фрагмент
Отчёт за квартал
Небольшой документ, чтобы показать все основные конструкции: курсив, код,
зачёркнутое и ссылка на инструменты.
Что сделали
перевели каталог на новый шаблон
добавили три инструмента для текста
конвертер регистров
типограф
починили экспорт в CSV
План на месяц
Markdown → HTML
Подсветка кода
Импорт из Notion
собрать требования
сверстать страницу
Разметка должна оставаться читаемой без всяких программ.
Это главное правило Markdown.
Таблица
Инструмент
Запусков
Доля
Типограф
12 400
31 %
Регистры
8 900
22 %
QR-коды
5 100
13 %
Код
const html = md.render(source);
document.body.innerHTML = html;
Подробности — на и в письме.
480 px
02
Экспорт
что окажется в буфере и в скачанном файле
03
Синтаксис
нажмите на строку — вставится в редактор
04
Частые вопросы
Вставьте разметку в левое поле — результат появится справа сразу, кнопки «Конвертировать» здесь нет. Дальше выбирайте, что забрать: «Превью» показывает готовую страницу, «HTML» — сам код, «Оглавление» — список заголовков с якорями. Кнопка копирует результат в буфер, соседняя скачивает файлом. Разбор идёт в браузере, поэтому работает и без сети после первой загрузки.
Фрагмент — это только теги содержимого: заголовки, абзацы, списки. Его вставляют в шаблон сайта, в редактор CMS или в письмо, где обвязка страницы уже есть. Полный документ добавляет doctype, кодировку, заголовок вкладки и по желанию стили — такой файл открывается в браузере сам по себе. Переключает флаг «Полный документ» в разделе «Экспорт».
По умолчанию теги источника превращаются в текст: чужая разметка не должна уметь сломать вёрстку или подставить скрипт. Если разметка ваша и вы ей доверяете, включите флаг «Пропускать HTML» — тогда теги пройдут в результат как есть. Инструмент об этом предупредит прямо под флагами: вместе с разметкой пройдёт и содержимое тега script.
Копируйте не код, а само превью: выделите блок результата мышью и вставьте в документ. Заголовки, списки, таблицы и выделения сохранят вид, а блоки кода останутся моноширинными. Если вставить HTML-код, редактор покажет теги как обычный текст — это самая частая причина, по которой «конвертер не работает».
По ним работают ссылки внутри страницы и оглавление: `#chto-sdelali` ведёт на нужный раздел. Идентификатор собирается из текста заголовка, кириллица транслитерируется, повторяющиеся получают числовой суффикс — второй «Что сделали» станет `chto-sdelali-2`. Если якоря не нужны, снимите флаг «id у заголовков», и заголовки останутся чистыми.
Нет. Разметка разбирается и HTML собирается прямо во вкладке, обращений к сети нет ни при вводе, ни при копировании, ни при скачивании файла — файл собирается тоже в браузере. Это важнее, чем кажется: через такие конвертеры обычно прогоняют черновики статей, внутренние заметки и документы, которым нечего делать на чужом сервере.
и в письме.