Конвертер Markdown в HTML
6 уровней заголовков, списки, таблицы, ссылки, картинки и код — вставьте Markdown, и справа появится готовый HTML без лишних стилей и классов. Теги из исходника экранируются.
Инструмент
Как перевести Markdown в HTML
Конвертер читает текст построчно и превращает каждую конструкцию Markdown в соответствующий тег: строка с решётками становится заголовком, строки с дефисами — списком, текст между пустыми строками — абзацем. Внутри абзацев обрабатываются жирный, курсив, зачёркивание, код, ссылки и картинки. Ниже — полное соответствие синтаксиса и тегов, которое использует инструмент.
# Заголовок … ###### Заголовок → h1 … h6 (по числу решёток)
пустая строка между текстами → новый абзац p
**жирный** *курсив* ~~зачёркнутый~~ → strong, em, del
`код` и блок между ``` → code и pre code
[текст](адрес “подсказка”) → a href, title
 → img src, alt
- пункт или 1. пункт → ul li или ol li (отступ — вложенный список)
> цитата → blockquote
--- → hr
| ячейка | ячейка | + строка |---|---| → table, thead, tbody
два пробела в конце строки → br
Пример вручную. Исходник из трёх строк — ## Итоги за 2025 год, пустая строка и - выручка выросла на **12,5 %** — даёт четыре тега: <h2>Итоги за 2025 год</h2>, затем <ul>, внутри <li>выручка выросла на <strong>12,5 %</strong></li> и закрывающий </ul>. Счётчик под результатом покажет 4 тега и 1 заголовок; закрывающие теги не считаются.
Шпаргалка по синтаксису Markdown
| Элемент | Markdown | HTML |
|---|---|---|
| Заголовок 2 уровня | ## Текст | <h2>Текст</h2> |
| Жирный | **текст** или __текст__ | <strong>текст</strong> |
| Курсив | *текст* или _текст_ | <em>текст</em> |
| Зачёркнутый | ~~текст~~ | <del>текст</del> |
| Код в строке | `код` | <code>код</code> |
| Блок кода | три обратные кавычки и язык | <pre><code class="language-js"> |
| Ссылка | [Сайт](https://topconverter.ru/) | <a href="https://topconverter.ru/">Сайт</a> |
| Картинка |  | <img src="shema.png" alt="Схема"> |
| Список | - пункт или * пункт | <ul><li>пункт</li></ul> |
| Нумерованный | 1. пункт | <ol><li>пункт</li></ol> |
| Список задач | - [x] сделано | <li><input type="checkbox" checked> |
| Цитата | > текст | <blockquote><p>текст</p></blockquote> |
| Линия | --- или *** | <hr> |
| Таблица | | а | б | и строка |---|---| | <table> с <thead> и <tbody> |
| Перенос строки | два пробела в конце | <br> |
Списки допускают один уровень вложенности: пункт с отступом в 2–4 пробела попадает внутрь предыдущего. Нумерация начинается с числа первого пункта — список 3., 4. даст <ol start="3">. Таблице обязательно нужна строка-разделитель из дефисов, иначе текст с вертикальными чертами останется абзацем.
Что такое Markdown и где он применяется
Markdown — это способ размечать текст обычными символами, который Джон Грубер придумал в 2004 году; в 2014 году появилась строгая спецификация CommonMark, а GitHub добавил к ней таблицы, зачёркивание, списки задач и автоссылки — так возник GFM. Сегодня в Markdown пишут README на GitHub и GitLab, документацию в Notion и GitLab Wiki, заметки в Obsidian, статьи для Хабра, задачи в YouTrack и карточки в Trello, а мессенджеры — Telegram, VK Teams, Mattermost — понимают его подмножество в сообщениях.
Конвертер нужен, когда текст написан в Markdown, а разместить его нужно там, где принимают только HTML: в CMS без Markdown-редактора, в письме рассылки, в описании товара на сайте, в поле «Текст» у большинства российских конструкторов сайтов. Результат — чистый HTML без инлайн-стилей и классов, кроме language-* у блоков кода, поэтому он подхватывает оформление любого сайта.
Безопасность и ограничения
Весь HTML из исходника экранируется: <script> становится <script>, а ссылки со схемой javascript: заменяются на #. Это защищает от XSS, если конвертировать чужой текст, но означает, что вставить «сырой» тег через Markdown нельзя — в отличие от GitHub. Не поддерживаются сноски, списки определений, формулы LaTeX и вложенность списков глубже одного уровня. Текст остаётся в браузере и никуда не отправляется.
Вопросы и ответы
Чем этот конвертер отличается от GitHub и других редакторов?
Он не пропускает HTML из исходника: тег <b> или <script> станет обычными символами, а не разметкой. Так безопаснее вставлять результат. Остальное — заголовки, списки, таблицы, ссылки, код, цитаты — совпадает с GitHub Flavored Markdown, кроме сносок и вложенных списков глубже одного уровня.
Как сделать таблицу в Markdown?
Первая строка — заголовки через вертикальную черту, вторая — разделитель из дефисов, дальше — строки данных. Двоеточие в разделителе задаёт выравнивание: ---: — вправо, :---: — по центру. Пустые ячейки допустимы, вертикальную черту внутри ячейки пишут как \|.
Почему перенос строки не превращается в новый абзац?
В Markdown одиночный перенос — это продолжение того же абзаца, как в CommonMark. Новый абзац начинается после пустой строки. Чтобы получить перенос без абзаца (тег br), поставьте два пробела в конце строки или включите опцию «Одиночный перенос → br», как в комментариях GitHub.
Как вставить тег или звёздочку так, чтобы они не сработали?
Символы разметки экранируются обратной косой чертой: \* даст звёздочку, \# — решётку, \[ — скобку. Теги HTML экранировать не нужно — конвертер сам превращает их в текст. Фрагмент кода с любыми символами удобнее взять в обратные кавычки: внутри них ничего не форматируется.
Сохраняются ли HTML-сущности вроде и «?
Да, как и в CommonMark: сущность в обычном тексте остаётся сущностью, и в браузере станет неразрывным пробелом, а « — кавычкой-ёлочкой. Внутри кода сущности, наоборот, экранируются, чтобы показать их буквально. Одиночный амперсанд в тексте («R&D») превращается в &.
Можно ли перевести HTML обратно в Markdown?
Этот инструмент работает только в одну сторону. Для обратной задачи подойдут расширения редакторов (VS Code, Obsidian) или библиотека Turndown, но сложные таблицы и вложенные блоки они переносят с потерями — результат стоит проверять глазами.
Источники и методика
Обновлено: