Markdown в HTML

Конвертер Markdown в HTML онлайн, бесплатно

Вводите или вставляйте Markdown слева и сразу получайте HTML справа. Переключайтесь между HTML-кодом и предпросмотром и копируйте результат одним щелчком. Всё происходит в вашем браузере: текст никуда не загружается.

Как работает конвертер

• Строгий классический Markdown. Конвертацию выполняет commonmark.js — эталонная реализация CommonMark, стандарта, который точно описывает классический Markdown. Заголовки, абзацы, выделение, ссылки, изображения, списки, цитаты, блоки кода и горизонтальные линии превращаются так, как сказано в стандарте.
• Один перевод строки — это не перенос. В Markdown строки одного абзаца склеиваются. Чтобы принудительно перенести строку, закончите её двумя пробелами или обратной косой чертой, а для нового абзаца оставьте пустую строку.
• Сырой HTML сохраняется. Markdown всегда разрешал HTML внутри текста, поэтому он попадает в результат без изменений. Скопированный код не очищается, так что удаляйте скрипты из недоверенного текста перед публикацией.
• Предпросмотр безопасен. Он показан во фрейме, который не может выполнять скрипты, поэтому скрипт внутри текста здесь ничего не сделает.
• Front matter. Если текст начинается со строки --- (как в Hugo, Astro и Grav), всё до следующей строки --- пропускается и в HTML не попадает. Используются только строки title: и description: внутри блока: они записываются в начало HTML, перед конвертированным текстом, как <title> и <meta name="description">. Всё остальное в блоке, например дата или теги, отбрасывается.

Ограничения

• Только классический Markdown. Таблицы, зачёркивание (~~text~~), списки задач, сноски, id заголовков, автоссылки на голые адреса и подсветка синтаксиса — расширения GitHub-flavored Markdown или конкретного движка. Они не конвертируются и остаются как набраны.
• Нет функций движков. Шорткоды вроде {{< figure >}} из Hugo, компоненты Astro и плагины Grav не обрабатываются.
• Front matter читается упрощённо. Читаются только строки верхнего уровня title: значение и description: значение: простым текстом, в кавычках, а также как свёрнутый (>) и буквальный (|) текст. Вложенные значения пропускаются. Блок должен начинаться с самой первой строки и закрываться ещё одной строкой ---; без закрывающей строки текст конвертируется как обычный Markdown. Текст, который на самом деле начинается с горизонтальной линии --- и содержит ещё одну ниже, читается как front matter, поэтому поставьте пустую строку или какой-нибудь текст перед первой линией. Front matter в формате TOML (+++) не распознаётся.
• Предпросмотр простой. Он не использует стили вашего сайта, а внешние изображения загружаются по указанному вами адресу.