Softonic

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

Шаг 1 / 2
Преобразовать в 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.

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

Генератор вымышленных телефонных номеров

Создавайте до 50 вымышленных номеров из официально зарезервированных диапазонов пяти стран.

Генератор конфигурации webpack

Создайте webpack.config.js для webpack 5 под чистый JavaScript, React или Vue: TypeScript, Babel, CSS или Sass, изображения, HtmlWebpackPlugin, dev-сервер и команда npm install.

Генератор случайных букв

Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.

Валидатор XSD

Проверьте XML-документ в соответствии с схемой XSD и выявите несоответствия между элементами и их типами, указав точные номера строк.

Генератор случайных адресов

Создавайте 1–20 похожих на адрес записей для макетов и тестов в трёх упрощённых форматах.

Конвертер размера файлов

Преобразуйте значения между байтами, КБ, МБ, ГБ, ТБ и двоичными единицами IEC (KiB, MiB, GiB, TiB), свободно сочетая десятичные и двоичные единицы.

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