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

Перенос статьи из WordPress в Hugo, архивирование страницы Confluence в виде заметок или очистка форматированного письма для вики-документации, всё это требует преобразования HTML в Markdown. Этот конвертер сопоставляет заголовки, абзацы, списки, ссылки, изображения и блоки кода с их эквивалентами в Markdown, так что содержимое сохраняет структуру без лишнего HTML-кода.

Как преобразовать HTML в Markdown

  1. 1

    Вставьте HTML

    Целые страницы, тела форматированных писем или фрагменты, анализируется всё.

  2. 2

    Преобразуйте

    Заголовки, абзацы, списки, ссылки, изображения и блоки кода преобразуются в Markdown.

  3. 3

    Копируйте Markdown

    Перенесите результат в Obsidian, Hugo, Jekyll, Notion или репозиторий Git.

Сопоставление HTML и Markdown

Конвертер проходит по структуре DOM и генерирует Markdown для каждого распознанного элемента. Обёрточные теги, такие как <div>, <span>, <section> и <article>, удаляются, а их содержимое остаётся на правильном уровне вложенности.

Сопоставление элементов

HTML Результат в Markdown
От <h1> до <h6> Заголовки от # до ######
<strong>, <b> **text**
<em>, <i> *text*
<code> встроенный `text`
<pre><code> блок, ограждённый тройными обратными кавычками, с указанием языка, если он задан
<a href> [text](url)
<img src alt> ![alt](src)
<ul><li> - item
<ol><li> 1. item
<blockquote> > quote
<hr> ---

Что происходит с остальным

Markdown не может выразить каждый элемент HTML. Теги без эквивалента в Markdown удаляются, и остаётся только их текстовое содержимое:

  • <table>: текст в ячейках сохраняется, но сетка таблицы теряется. Используйте конвертер с поддержкой таблиц, когда структура важна.
  • <del>, <u> и другие встроенные стили: текст сохраняется, оформление нет.
  • <video>, <audio>, <iframe>: из этих вставок не получается ничего, что можно было бы представить в Markdown.
  • <details> / <summary>: текст внутри сохраняется, раскрывающийся виджет нет.

Для преобразования без потерь конвертируйте из исходного Markdown, а не из готового HTML.

Часто задаваемые вопросы

Простые обёртки <div> и <span> удаляются, а их содержимое выводится на правильном уровне вложенности. Блоки <div>, служащие только для вёрстки, становятся невидимыми в Markdown, что для документации обычно как раз и нужно.

Да. <pre><code class="language-js"> превращается в ограждённый блок с js в качестве подсказки языка. Блоки кода с отступами без указанного языка преобразуются в обычные ограждённые блоки.

Текст в ячейках <table> сохраняется, а сама сетка нет: строки и столбцы не сохраняются, поэтому структура теряется. Используйте конвертер с поддержкой таблиц, когда структура важна.

Почти, но тонкое форматирование (ссылки ссылочного стиля, жёсткие переносы строк с двумя пробелами в конце, альтернативные маркеры выделения) может нормализоваться. Для преобразования без потерь сохраняйте исходный Markdown.

Сопутствующие инструменты

Справочная таблица ASCII

Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.

Справочник сочетаний клавиш

Ищите документированные сочетания по умолчанию для VS Code, Chrome и Bash с GNU Readline в macOS, Windows и Linux.

Справочник символов HTML

Справочник HTML-сущностей с поиском, их именованными и числовыми кодами, а также копированием специальных символов и знаков одним кликом.

Шпаргалка по Markdown

Практический справочник Markdown с настоящим предпросмотром и готовыми для копирования примерами заголовков, списков, таблиц, кода, ссылок, изображений и синтаксиса GFM.

Счетчик FPS

Измерьте FPS браузера через requestAnimationFrame: сглаживание, минимальная и максимальная частота кадров, порог предупреждения и график по желанию. Работает локально, без загрузок и API.

Шпаргалка по регулярным выражениям

Поисковый справочник регулярных выражений для JavaScript, PCRE2/PHP, Python re и .NET. Сравнивайте токены, синтаксис движков, якоря, группы, проверки и флаги.

Инструмент доступен на других языках