Конвертер Markdown в HTML — преобразуйте Markdown в чистый, готовый к использованию HTML прямо во время ввода текста.

Вставьте или введите текст в формате Markdown — HTML-код появится мгновенно, а если вы хотите увидеть, как это будет выглядеть, воспользуйтесь функцией предварительного просмотра в режиме реального времени. Сервис поддерживает заголовки, списки, таблицы, списки задач и блоки кода. Скопируйте результат, скачайте его в виде файла или оформите как полноценную страницу. Всё работает прямо в вашем браузере.

Конвертировать Markdown Ваш текст остаётся в браузере
Конвертер Markdown в HTML, в котором слева отображается текст в формате Markdown, а справа — преобразованный HTML-код

Ввод в формате Markdown

Параметры

HTML-код

–Ввод слов
–Headings
–Links
–Размер HTML-файла
Руководство

Руководство по преобразованию Markdown в HTML: пишите просто, публикуйте где угодно

Что такое Markdown и как он преобразуется в HTML.

Простое объяснение

Что такое конвертер Markdown в HTML?

Markdown — это простой способ написания форматированного текста с использованием обычных символов. Конвертер Markdown в HTML преобразует этот текст в HTML-теги, необходимые для веб-страницы, благодаря чему вы можете быстро писать и при этом получать правильно оформленные заголовки, списки, ссылки и таблицы.

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

Распространённые причины для его использования

Почему люди используют конвертер Markdown

Публикации в блогах и веб-контент

Создавайте контент в формате Markdown, а затем вставляйте чистый HTML-код в CMS, шаблон или конструктор писем.

Документация

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

Изучение Markdown

Введите несколько символов и посмотрите, какие именно HTML-теги они формируют, в виде параллельного сравнения.

Как это работает

Как Markdown преобразуется в HTML

Конвертер считывает текст поблоками. Строка, начинающаяся с одного–шести символов #, становится заголовком; строки, начинающиеся с тире или цифры, становятся элементами списка; а строка, состоящая из трёх или более тире, превращается в горизонтальную линию. Текст, заключённый в пару тройных обратных кавычек, превращается в блок кода, а всё остальное группируется в абзацы. Внутри этих блоков символы * и _ используются для выделения, а квадратные скобки, за которыми следуют круглые скобки, создают ссылки.

MarkdownHTML
# Заголовок 1<h1>Заголовок 1</h1>
**жирный шрифт** и *курсив*<strong>жирный шрифт</strong> и <em>курсив</em>
[текст](https://example.com)<a href="https://example.com">текст</a>
- позиция<ul><li>товар</li></ul>
1. шаг<ol><li>шаг</li></ol>
`код`<code>код</code>
> цитата<blockquote><p>цитата</p></blockquote>
~~исчез~~<del>исчез</del>

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

Сделайте это за несколько шагов

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

  1. Вставьте код Markdown в поле ввода, откройте файл с расширением .md или нажмите «Пример», чтобы посмотреть пример.
  2. Выберите нужные параметры: полная HTML-страница, идентификаторы заголовков, разрывы строк или исходный HTML-код.
  3. Прочитайте HTML-код в поле вывода или перейдите в режим «Предварительный просмотр», чтобы увидеть, как он выглядит.
  4. Нажмите «Копировать» или «Скачать», чтобы сохранить HTML-код в виде файла.
Лучшие результаты

Простые советы

  • Оставляйте пустую строку перед и после заголовков, списков, таблиц и блоков кода. Это наиболее распространённый способ исправления ошибок в Markdown, когда текст преобразуется не так, как ожидалось.
  • Используйте ограждённый блок кода с указанием названия языка после обратных кавычек. HTML-коду присваивается класс языка, который могут использовать программы подсветки синтаксиса.
  • Не включайте параметр «Разрешить необработанный HTML» для текста, который вы не написали сами.
  • В предварительном просмотре используется стандартное оформление. Окончательный вид HTML-кода будет зависеть от CSS-стилей вашего сайта.
Полезно знать

Ограничения и конфиденциальность

Конфиденциальность

Преобразование выполняется в вашем браузере. Ваш текст в формате Markdown не загружается, не сохраняется и не регистрируется; предварительный просмотр и загруженный файл создаются на вашем устройстве.

Ограничения

Это компактный конвертер, поддерживающий основные функции форматов Markdown и GitHub. Он не является полноценным движком CommonMark или GitHub, поэтому не обрабатывает сноски, коды эмодзи, математические выражения и необычные крайние случаи. При соответствующей настройке исходный HTML-код пропускается без изменений, поэтому перед публикацией следует очистить ненадежный контент.

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

Часто задаваемые вопросы о конвертере Markdown в HTML

Что такое Markdown?

Markdown — это способ написания форматированного текста с использованием простых символов, таких как # для заголовка и ** вокруг слова для выделения жирным шрифтом. Его создал Джон Грубер в 2004 году, и сейчас он используется в документации, файлах README, заметках и на многих веб-сайтах.

Какие функции Markdown поддерживает этот конвертер?

Заголовки, абзацы, жирный шрифт, курсив, зачеркивание, встроенный код, огражденные и отступеные блоки кода, цитаты, упорядоченные и вложенные списки, списки задач, таблицы с выравниванием, ссылки, ссылки на источники, изображения, автоматические ссылки и горизонтальные линии.

Результат совпадает с результатом, полученным при использовании Markdown на GitHub?

Он следует общим правилам CommonMark и добавляет таблицы в стиле GitHub, списки задач, зачеркивание и автоматические ссылки. Собственный рендерер GitHub поддерживает больше возможностей, таких как коды эмодзи, упоминания и сноски, и в некоторых необычных случаях результат может отличаться.

Мой текст где-нибудь загружен?

Нет. Преобразование происходит в вашем браузере, и ваш текст в формате Markdown никогда не покидает ваше устройство.

Можно ли безопасно публиковать этот HTML-код?

По умолчанию любой введенный вами HTML-код подвергается экранированию, а ссылки, начинающиеся с javascript: или подобных символов, блокируются. Если вы включите опцию «Разрешить необработанный HTML», код будет пропускаться без изменений, поэтому перед публикацией пропускайте контент от других пользователей через надлежащий инструмент очистки HTML.

Почему мои однострочные разрывы игнорируются?

В Markdown одна новая строка рассматривается как пробел, и только пустая строка обозначает начало нового абзаца. Чтобы принудительно вставить разрыв строки, завершите строку двумя пробелами или обратной косой чертой, либо включите опцию, которая преобразует одиночные разрывы строк в теги <br>.

Как создать таблицу?

Разделите ячейки вертикальными чертами и добавьте под заголовком строку из тире, например | Название | Цена | и | --- | --- |. Добавьте двоеточие слева, справа или с обеих сторон от тире, чтобы выровнять столбец по левому краю, по правому краю или по центру.

Как получить полную HTML-страницу вместо её фрагмента?

Включите режим «Полная HTML-страница». Результат будет заключен в теги doctype, head и body, при этом заголовок первого уровня будет использоваться в качестве названия страницы.

Для чего нужны идентификаторы заголовков?

Идентификатор заголовка позволяет перейти непосредственно к этому разделу, например page.html#installation. Если включена опция «Добавить идентификаторы заголовков», каждому заголовку присваивается идентификатор, состоящий из его текста в нижнем регистре, а к повторяющимся заголовкам добавляется номер.

От пользователей этого инструмента

Отзывы

Загрузка отзывов…
Продолжай

Еще больше инструментов в наборе

На главной странице представлены ещё десятки бесплатных инструментов, для использования которых не требуется ключ API.

Предложить инструмент