Конвертер Markdown ↔ HTML
Рендерьте Markdown в HTML с живым предпросмотром или превращайте HTML обратно в Markdown
Об этом инструменте
Пишите или вставляйте Markdown и смотрите одновременно отрисованный предпросмотр и сгенерированный HTML — включая заголовки, GFM-таблицы, списки задач, огороженные блоки кода и зачёркивание. Обратное направление конвертирует существующий HTML в чистый Markdown с ATX-заголовками, маркерами-дефисами и огороженным кодом — самый быстрый способ перенести старый контент из CMS в репозиторий документации.
Предпросмотр санитизируется перед отрисовкой: скрипты, iframe и атрибуты-обработчики событий удаляются, поэтому враждебная разметка, пришедшая по общей ссылке, не сможет ничего выполнить в вашем браузере. Поле HTML-вывода всегда показывает сырой результат конвертации для копирования в шаблоны или письма.
Конвертация и предпросмотр работают локально. Черновики release notes с ещё не анонсированными названиями фич остаются на вашей машине.
Частые вопросы
- Какой это диалект Markdown?
- CommonMark плюс расширения GitHub, которыми реально пользуются: таблицы, зачёркивание и автоссылки. Мягкие переводы строк остаются мягкими — одиночный перенос не превращается в <br>, что соответствует отображению документов на GitHub.
- Почему предпросмотр отличается от сырого HTML-вывода?
- Предпросмотр проходит через санитайзер, который убирает теги script, инлайновые обработчики событий и javascript:-URL перед отрисовкой. Поле вывода санитизацию обходит, потому что это текст, а не отрисованная разметка — санитизируйте ниже по конвейеру, если встраиваете пользовательский HTML.
- Насколько точна конвертация HTML → Markdown?
- Структурные элементы — заголовки, списки, ссылки, выделение, код, цитаты, изображения — конвертируются чисто. HTML без Markdown-эквивалента (вложенные таблицы, div с классами, инлайновые стили) проходит как сырой HTML или теряет оформление, так что быстрая вычитка после конвертации не помешает.
- Можно ли использовать сгенерированный HTML в письме?
- Да — вывод представляет собой простой семантический HTML без классов и внешних таблиц стилей, а это ровно то, что почтовые клиенты переносят лучше всего. Нужное оформление добавьте инлайном поверх.