Конвертер Markdown ↔ HTML
Відображайте Markdown як HTML із живим переглядом або перетворюйте HTML назад на Markdown
Про цей інструмент
Пишіть або вставляйте Markdown і бачте поруч і відрендерений попередній перегляд, і згенерований HTML — із заголовками, таблицями GFM, списками у стилі завдань, огородженими блоками коду та закресленням. Зворотний напрямок перетворює наявний HTML на чистий Markdown із ATX-заголовками, списками через дефіс і огородженим кодом, що є найшвидшим способом перенести старий вміст CMS у репозиторій документації.
Попередній перегляд очищується перед рендерингом: скрипти, iframe та атрибути-обробники подій прибираються, тож надіслане посилання з ворожою розміткою нічого не виконає у вашому браузері. Поле виводу HTML завжди показує сире перетворення — щоб копіювати в шаблони чи листи.
Перетворення й попередній перегляд працюють локально. Чернетки нотаток до релізу з іще не оголошеними назвами функцій лишаються на вашій машині.
Часті запитання
- Який це різновид Markdown?
- CommonMark плюс ті розширення GitHub, якими люди справді користуються: таблиці, закреслення та автоматичне перетворення URL на посилання. М’які переноси рядків лишаються м’якими — один перенос не стає <br>, як і в тому, як GitHub рендерить документи.
- Чому попередній перегляд відрізняється від сирого HTML?
- Попередній перегляд проходить через очищувач, який перед рендерингом прибирає теги скриптів, вбудовані обробники подій і URL javascript:. Поле виводу очищення оминає, бо це текст, а не відрендерена розмітка — очищайте далі за потоком, якщо вбудовуєте HTML від користувачів.
- Наскільки точним є HTML → Markdown?
- Структурні елементи — заголовки, списки, посилання, наголоси, код, цитати, зображення — перетворюються чисто. HTML без відповідника в Markdown (вкладені таблиці, div із класами, вбудовані стилі) проходить як сирий HTML або втрачає оформлення, тож швидке вичитування після перетворення не завадить.
- Чи можна використати згенерований HTML у листі?
- Так — вивід є простим семантичним HTML без класів і зовнішніх стилів, а саме це поштові клієнти витримують найкраще. Потрібне оформлення додайте вбудованими стилями зверху.