Перейти к содержимому

Конвертер Markdown в HTML

6 уровней заголовков, списки, таблицы, ссылки, картинки и код — вставьте Markdown, и справа появится готовый HTML без лишних стилей и классов. Теги из исходника экранируются.

Инструмент

  • Символов в HTML811 символов
  • Тегов31
  • Заголовков / ссылок2 / 1
  • Строк Markdown22
Markdown в HTML онлайн — конвертер с таблицами и списками
Markdown → HTML при вводе: заголовки, списки, таблицы GFM, ссылки, цитаты, код; шпаргалка синтаксиса

Как перевести Markdown в HTML

Конвертер читает текст построчно и превращает каждую конструкцию Markdown в соответствующий тег: строка с решётками становится заголовком, строки с дефисами — списком, текст между пустыми строками — абзацем. Внутри абзацев обрабатываются жирный, курсив, зачёркивание, код, ссылки и картинки. Ниже — полное соответствие синтаксиса и тегов, которое использует инструмент.

# Заголовок … ###### Заголовок → h1 … h6 (по числу решёток) пустая строка между текстами → новый абзац p **жирный** *курсив* ~~зачёркнутый~~ → strong, em, del `код` и блок между ``` → code и pre code [текст](адрес “подсказка”) → a href, title ![описание](картинка.png) → img src, alt - пункт или 1. пункт → ul li или ol li (отступ — вложенный список) > цитата → blockquote --- → hr | ячейка | ячейка | + строка |---|---| → table, thead, tbody два пробела в конце строки → br

Соответствие разметки и тегов HTML

Пример вручную. Исходник из трёх строк — ## Итоги за 2025 год, пустая строка и - выручка выросла на **12,5 %** — даёт четыре тега: <h2>Итоги за 2025 год</h2>, затем <ul>, внутри <li>выручка выросла на <strong>12,5 %</strong></li> и закрывающий </ul>. Счётчик под результатом покажет 4 тега и 1 заголовок; закрывающие теги не считаются.

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

ЭлементMarkdownHTML
Заголовок 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>
Картинка![Схема](shema.png)<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> становится &lt;script&gt;, а ссылки со схемой javascript: заменяются на #. Это защищает от XSS, если конвертировать чужой текст, но означает, что вставить «сырой» тег через Markdown нельзя — в отличие от GitHub. Не поддерживаются сноски, списки определений, формулы LaTeX и вложенность списков глубже одного уровня. Текст остаётся в браузере и никуда не отправляется.

Вопросы и ответы

Чем этот конвертер отличается от GitHub и других редакторов?

Он не пропускает HTML из исходника: тег <b> или <script> станет обычными символами, а не разметкой. Так безопаснее вставлять результат. Остальное — заголовки, списки, таблицы, ссылки, код, цитаты — совпадает с GitHub Flavored Markdown, кроме сносок и вложенных списков глубже одного уровня.

Как сделать таблицу в Markdown?

Первая строка — заголовки через вертикальную черту, вторая — разделитель из дефисов, дальше — строки данных. Двоеточие в разделителе задаёт выравнивание: ---: — вправо, :---: — по центру. Пустые ячейки допустимы, вертикальную черту внутри ячейки пишут как \|.

Почему перенос строки не превращается в новый абзац?

В Markdown одиночный перенос — это продолжение того же абзаца, как в CommonMark. Новый абзац начинается после пустой строки. Чтобы получить перенос без абзаца (тег br), поставьте два пробела в конце строки или включите опцию «Одиночный перенос → br», как в комментариях GitHub.

Как вставить тег или звёздочку так, чтобы они не сработали?

Символы разметки экранируются обратной косой чертой: \* даст звёздочку, \# — решётку, \[ — скобку. Теги HTML экранировать не нужно — конвертер сам превращает их в текст. Фрагмент кода с любыми символами удобнее взять в обратные кавычки: внутри них ничего не форматируется.

Сохраняются ли HTML-сущности вроде &nbsp; и &laquo;?

Да, как и в CommonMark: сущность в обычном тексте остаётся сущностью, и в браузере &nbsp; станет неразрывным пробелом, а &laquo; — кавычкой-ёлочкой. Внутри кода сущности, наоборот, экранируются, чтобы показать их буквально. Одиночный амперсанд в тексте («R&D») превращается в &amp;.

Можно ли перевести HTML обратно в Markdown?

Этот инструмент работает только в одну сторону. Для обратной задачи подойдут расширения редакторов (VS Code, Obsidian) или библиотека Turndown, но сложные таблицы и вложенные блоки они переносят с потерями — результат стоит проверять глазами.

Источники и методика

Обновлено: