все инструменты

Markdown в HTML

Переведите Markdown (заголовки, списки, ссылки, жирный, блоки кода) в чистый HTML для сайтов, писем и CMS. Вставьте текст .md и скопируйте HTML.

Пишите в Markdown, публикуйте в HTML

Markdown — формат обычного текста, в котором оформление задаётся простыми символами: # Заголовок, **жирный**, *курсив*, - пункт списка, [ссылка](https://example.com) и обратные кавычки для кода. Он используется в файлах README, на GitHub, в Notion, Obsidian, на Хабре, в Telegram, Discord, во многих генераторах статических сайтов и системах документации.

Вставьте Markdown, и конвертер выдаст эквивалентный HTML: ## Tips превратится в <h2>Tips</h2>, а список с дефисами — в настоящий <ul>. Скопируйте результат в CMS, HTML-письмо, веб-страницу или любой редактор, принимающий HTML.

Это быстрый способ перенести заметки и документацию в Markdown на платформы, которые понимают только HTML.

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

Вставьте текст в Markdown.
Отправьте для преобразования.
Скопируйте HTML.
Вставьте его в режим HTML сайта, CMS или шаблона письма.

Примеры

Заголовки, выделение и списки

Ввод:

# Title

**Bold** and *italic* with a [link](https://mybotsy.com).

- one
- two

Результат:

<h1>Title</h1>
<p><strong>Bold</strong> and <em>italic</em> with a <a href="https://mybotsy.com">link</a>.</p>
<ul>
<li>one</li>
<li>two</li>
</ul>

Таблица

Ввод:

| a | b |
|---|---|
| 1 | 2 |

Результат:

<table>
<thead>
<tr>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
</tr>
</tbody>
</table>

Зачёркивание и HTML как есть

Ввод: ~~strike~~ and <span>raw html</span>

Результат: <p><del>strike</del> and <span>raw html</span></p>

HTML внутри Markdown передаётся без изменений.

Где пригодится

Публикация README и документации на сайте.
Перенос заметок из Obsidian, Notion и других приложений с Markdown в CMS.
Написание статей в Markdown и вставка HTML в WordPress или похожую CMS.
Подготовка HTML-писем из черновиков в Markdown.
Изучение того, какие элементы HTML соответствуют разметке Markdown.
Превращение файлов README в веб-страницы или документацию.

Советы и важные нюансы

Оставляйте пустую строку между абзацами, заголовками и списками, чтобы они правильно распознавались.
Диалекты Markdown различаются: таблицы, списки задач и зачёркивание пришли из расширений вроде GitHub Flavored Markdown и преобразуются не везде.
Превращайте заголовки в удобные для URL якоря генератором слагов.
Сожмите результат минификатором HTML или переводите контент форумов через BBCode в HTML.

Особые случаи и ограничения

Поскольку HTML передаётся как есть, не публикуйте Markdown из ненадёжных источников без очистки: тег <script> сохранится.
Списки задач из GitHub или Obsidian не превращаются в чекбоксы: - [ ] задача становится пунктом списка, где [ ] видно как текст.
Сноски и списки определений не поддерживаются, поэтому их синтаксис остаётся обычным текстом.

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

Что такое Markdown?

Лёгкий язык разметки, созданный в 2004 году Джоном Грубером, который использует символы обычного текста для оформления и аккуратно превращается в HTML.

Markdown удобнее HTML для написания текстов?

Для текста — быстрее и читабельнее. HTML даёт больше контроля над вёрсткой и дизайном.

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

Да. Таблицы в стиле GitHub с вертикальными чертами, строкой заголовков и разделительной строкой --- превращаются в полноценную HTML-таблицу. Зачёркивание через ~~ тоже работает.

Безопасно ли вставлять полученный HTML на сайт?

Результат отражает ваш ввод. Если вы преобразуете Markdown из ненадёжных источников, очистите HTML перед публикацией.