Markdown в HTML и HTML в Markdown — конвертер с превью онлайн

Q: Поддерживаются ли таблицы и вложенные списки?

Да: таблицы GFM с разделительной строкой |---|:---:|---:| и выравниванием, списки с вложенностью по отступу в 2–4 пробела, нумерованные списки с любым стартовым числом.

Markdown в HTML онлайн с живым превью и обратно

Пишите Markdown слева — справа сразу превью и готовый HTML для вставки в CMS, письмо или лендинг. Обратный режим превращает HTML в аккуратный Markdown для README, Telegram-постов и документации.

работает в браузере · данные никуда не отправляются

Как пользоваться

Выберите направление: Markdown → HTML или HTML → Markdown.
Вставьте текст в левое поле или перетащите файл .md / .html. Превью и код обновляются по мере ввода.
Переключайтесь между вкладками Превью и HTML-код; кнопка Копировать HTML отдаёт разметку без обёрток.
Нажмите Скачать, чтобы получить файл .html или .md.

Что понимает конвертер

Реализован компактный парсер Markdown в духе CommonMark и GitHub Flavored Markdown: заголовки #–######, абзацы, жирный, курсив, зачёркнутый ~~текст~~, встроенный `код` и блоки кода в тройных кавычках с указанием языка, ссылки и картинки, маркированные и нумерованные списки с вложенностью по отступу, цитаты >, таблицы с выравниванием колонок, горизонтальная линия, автоссылки на голые URL и переносы строк двумя пробелами в конце строки.

Обратное направление разбирает HTML штатным DOMParser браузера и собирает Markdown из тегов h1–h6, p, strong/b, em/i, del, a, img, ul/ol/li, code, pre, blockquote, br, hr и table. Остальные теги (div, span, section) прозрачны — их текст сохраняется, а script и style выбрасываются.

Безопасность результата

Сырой HTML во входном Markdown экранируется, а не пропускается: <script> станет текстом, а не выполнится. В ссылках и картинках допускаются только http:, https:, mailto: и относительные пути — javascript: и data: вырезаются. Поэтому полученный HTML можно вставлять в CMS или письмо без дополнительной санитизации пользовательского ввода.

Зачем арбитражнику и разработчику

Лендинги и прелендинги. Текст от копирайтера в Markdown превращается в семантический HTML: заголовки, списки, таблица сравнения — без ручной вёрстки.
Рассылки и Telegram. HTML письма или поста из конструктора конвертируется обратно в Markdown, который читают боты, Notion и Obsidian.
README и документация. Живое превью показывает, как отрендерится файл на GitHub, до коммита.
Проверка чужого HTML. Конвертация в Markdown обнажает структуру: лишние вложенные div и «жирный через span» видны сразу.

Шпаргалка по синтаксису

Markdown	HTML
`# Заголовок`	`<h1>Заголовок</h1>`
`жирный и курсив`	`<strong>`, `<em>`
`[текст](https://affpapa.org)`	`<a href="…">текст</a>`
`![alt](img.png)`	`<img src="img.png" alt="alt">`
`- пункт` / `1. пункт`	`<ul><li>` / `<ol><li>`
`\| a \| b \|` + `\|---\|---\|`	`<table>` с `thead` и `tbody`
```js … ```	`<pre><code class="language-js">`

Частые вопросы

Как конвертировать Markdown в HTML без лишних тегов?

Вставьте текст, откройте вкладку «HTML-код» и нажмите «Копировать HTML». На выходе только семантические теги без обёрток, классов и инлайновых стилей — то, что нужно для вставки в CMS или письмо.

Поддерживаются ли таблицы и вложенные списки?

Да: таблицы GFM с разделительной строкой |---|:---:|---:| и выравниванием, списки с вложенностью по отступу в 2–4 пробела, нумерованные списки с любым стартовым числом.

Что произойдёт с HTML-тегами внутри Markdown?

Они экранируются и показываются как текст. Это сделано намеренно ради безопасности: результат нельзя использовать для внедрения скриптов. Если нужен сырой HTML, вставьте его после конвертации вручную.

Насколько точно HTML переводится в Markdown?

Заголовки, абзацы, списки, ссылки, картинки, код, цитаты и простые таблицы переводятся один в один. Сложная вёрстка (вложенные таблицы, объединённые ячейки, формы) в Markdown не выражается и упрощается до текста.

Отправляется ли текст на сервер?

Нет. Парсер написан на JavaScript и работает в вашем браузере; последний ввод сохраняется только в localStorage для удобства.