Конвертер Markdown в HTML – Редактор с предпросмотром в реальном времени

Как использовать Конвертер Markdown в HTML

1Введите или вставьте Markdown в левый редактор, либо начните с примера.

2Оставьте включенным GitHub Flavored Markdown для таблиц, списков задач и зачеркивания, и отметьте Переносы строк, если одиночные символы новой строки должны преобразовываться в разрывы строк.

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

4Скопируйте HTML для своего сайта, CMS или email, либо скачайте готовую .html страницу со стилями.

Конвертер Markdown в HTML с предпросмотром

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

Возможности

Предпросмотр в реальном времени, который обновляется по мере ввода текста.
GitHub Flavored Markdown: таблицы, списки задач, зачеркнутый текст, автоссылки и блоки кода.
Опциональные переносы строк — превращает одиночные переносы в теги <br>.
Чистый HTML-код без встроенных стилей и лишних оберток, готовый к вставке куда угодно.
Скачивание в виде готовой страницы с простыми и удобными для чтения стилями.
Безопасный предпросмотр в изолированном фрейме, блокирующем скрипты.

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

Markdown	Результат
`# Heading 1` / `## Heading 2`	Заголовки
`bold` / `italic`	жирный / курсив
`[link](https://example.com)`	Ссылка
`![alt text](image.png)`	Изображение
`- item` или `1. item`	Маркированный или нумерованный список
`> quote`	Цитата
`code`	Код в тексте
``` на строках до и после	Блок кода
`---`	Горизонтальная линия
`- [ ] task`	Элемент списка задач (GFM)
`~~text~~`	Зачеркнутый текст (GFM)

Таблицы создаются с помощью вертикальных черт и строки-разделителя из дефисов. Двоеточия в строке-разделителе задают выравнивание столбцов: :--- по левому краю, :---: по центру, ---: по правому краю.

Частое применение

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

Советы

Оставляйте пустую строку между абзацами, списками и заголовками — это избавит от большинства проблем с форматированием.
Для элементов вложенных списков всегда используйте одинаковый отступ в два или четыре пробела.
Указывайте название языка сразу после открывающих кавычек блока кода (например, ```js), чтобы скрипты подсветки синтаксиса на вашем сайте могли правильно раскрасить код.

Чтобы узнать количество слов в тексте, используйте Счетчик слов. Для работы со структурированными данными подойдет Форматирование JSON — этот инструмент проверяет валидность и форматирует JSON-код.

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

Что такое Markdown?

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

Что такое GitHub Flavored Markdown (GFM)?

GFM — это популярное расширение стандартного Markdown. Оно добавляет таблицы, списки задач (- [ ] и - [x]), зачеркивание (~~text~~), автоматические ссылки для URL и блоки кода. Отключите эту опцию, если вам нужен строгий формат CommonMark.

Почему в результате не отображаются одиночные переносы строк?

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

Сохраняется ли исходный HTML-код в Markdown?

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

Включает ли HTML стили?

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