Markdown ↔ HTML

Переводит разметку Markdown в готовый HTML и обратно — HTML в Markdown. Поддерживает заголовки, жирный и курсив, ссылки, списки, код, цитаты и горизонтальные линии.

Ввод

0 символов

Результат

0 символов
Скопировано ✓

Что переводит конвертер

Конвертер переводит разметку Markdown в готовый HTML и обратно: заголовки уровней 1–6, жирный и курсив, ссылки, картинки, нумерованные и маркированные списки, встроенный код и блоки кода, цитаты и горизонтальные линии. Направление выбирается переключателем, результат копируется одной кнопкой.

Обратный перевод нужен чаще, чем кажется: текст из админки сайта или письма приходит с тегами, а писать и хранить его удобнее в Markdown. Конвертер снимает разметку до звёздочек и решёток и оставляет только смысловые элементы.

Исходный код HTML в редакторе
HTML пишется тегами, Markdown — знаками препинания: конвертер переводит одно в другое. Фото: Micke, CC BY-SA 3.0.
MarkdownHTMLЧто это
# Заголовок<h1>Заголовок</h1>Заголовок первого уровня
**жирный** и *курсив*<strong> и <em>Выделения
[текст](https://…)<a href="https://…">текст</a>Ссылка
- пункт<ul><li>пункт</li></ul>Маркированный список
`код`<code>код</code>Встроенный код
> цитата<blockquote>Цитата

История Markdown

Markdown придумали Джон Грубер и Аарон Шварц в декабре 2004 года как способ писать для веба обычным текстом, который читается и без преобразования: звёздочки для выделения, решётки для заголовков, дефисы для списков были заимствованы из привычек переписки по электронной почте и Usenet. Первый конвертер был скриптом на Perl и переводил разметку в HTML.

Разметка разошлась по GitHub с 2008 года, по Reddit и Stack Overflow, и у каждой площадки появился свой диалект. Спецификация CommonMark 2014 года и GitHub Flavored Markdown 2017-го зафиксировали правила, таблицы и зачёркивание. Сегодня в Markdown пишут документацию, заметки и посты в Telegram, а HTML остаётся языком, который в итоге видит браузер, поэтому конвертер работает в обе стороны.

Тим Бернерс-Ли
Тим Бернерс-Ли придумал HTML в 1991 году; Markdown появился через тринадцать лет как способ писать для него без тегов. Фото: Silvio Tanaka, CC BY 2.0.
Клавиатура пишущей машинки Remington
Знаки Markdown взяты с клавиатуры: звёздочка, решётка, дефис и знак «больше». Фото: Martin Howard, CC BY-SA 4.0.

Как конвертировать без потерь

Вставьте текст, выберите направление и нажмите «Конвертировать»: результат появится справа, кнопка скопирует его. Для HTML → Markdown убедитесь, что теги закрыты: битая разметка переводится по строкам и может потерять вложенность. Таблицы и подчёркивание конвертер не поддерживает.

Перед публикацией HTML проверьте, что специальные символы экранированы: кавычки и амперсанды в тексте ссылок переводятся в сущности. Снять теги совсем, оставив голый текст, умеет инструмент удаления HTML-тегов, а сущности и спецсимволы разбирает справочник HTML-сущностей.

НаправленияMD → HTML, HTML → MD
Элементызаголовки, списки, ссылки, код, цитаты
Не поддерживаеттаблицы
Копированиеодной кнопкой
Markdown2004
АвторыГрубер и Шварц
CommonMark2014
GitHub Flavored2017

Удобно, когда нейросеть выдала Markdown, а на сайт нужен HTML — или наоборот.

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

  1. «MD → HTML» переводит Markdown в HTML-код. «HTML → MD» — обратно, из HTML в Markdown.
  2. Слева вставьте исходный текст в выбранном формате.
  3. Справа появится конвертированный код. Скопируйте его кнопкой.

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

Какие конструкции поддерживаются?

Заголовки (# … ######), жирный (**…**), курсив (*…*), ссылки [текст](url), маркированные и нумерованные списки, инлайн-код и блоки кода, цитаты (>), горизонтальная линия (---) и абзацы. Это покрывает 95% обычного текста; экзотические таблицы и сноски не разбираются.

Зачем переводить MD в HTML?

Нейросети, README и многие редакторы выдают Markdown, а вставить на сайт (Тильда, CMS, письмо) часто нужно HTML. Конвертер избавляет от ручной расстановки тегов. Обратное направление полезно, когда нужно превратить готовый HTML в чистый Markdown для документации или заметок.

HTML получается чистый?

Да, на выходе семантичные теги без лишних атрибутов и инлайн-стилей — то, что нужно для вставки в статью. При обратной конвертации теги аккуратно сворачиваются в Markdown, а неизвестные конструкции остаются текстом.

Где этому учат

SEO на Tildaразбор темы в блоге

Похожие инструменты

Как применять это в продвижении — в разборе SEO-копирайтинг и других материалах блога.

Ещё инструменты для текста

Проверка орфографии, анализ на воду и тошноту, счётчик символов, сравнение двух текстов, типографор, регистр и замены — в разделе 46 инструментов.

Сервисы, о которых здесь речь

Что это за инструменты, кому подходят и что доступно без оплаты — в карточках каталога.

Весь раздел: Git-хостинг и платформы разработки.