Онлайн-конвертер Markdown в HTML – конвертируйте .md и GFM в чистый HTML
Преобразуйте Markdown (.md) и GitHub Flavored Markdown (GFM) в чистый семантический код HTML в реальном времени. Идеально подходит для публикации статей из Obsidian, Notion или VS Code на платформах WordPress и CMS, рендеринга документации GitHub README.md, преобразования таблиц каналов Markdown в разметку HTML или экспорта отдельных веб-страниц HTML5.
Здесь появится предварительный просмотр вашего живого рендеринга HTML...
Как конвертировать Markdown в HTML онлайн
- Введите или вставьте свой Markdown: Введите или вставьте содержимое
.mdв редактор Markdown Input слева или нажмите Загрузить образец Markdown, чтобы просмотреть заголовки, таблицы каналов GFM, списки задач, цитаты и изолированные блоки кода преобразуются немедленно. - Выберите конверсию Preset или варианты: Используйте панель Быстрые настройки (например, GitHub README (GFM), Blog / CMS Clean HTML или Full HTML5 Page) или настройте отдельные флажки на правой панели настроек.
- Предварительный просмотр кода и визуализированного HTML: Переключение между HTML Code (для проверки необработанной разметки с отступами) и Live Preview (чтобы увидеть, как ваши таблицы, типографика и выделенные блоки кода выглядят в браузере).
- Скопируйте или загрузите
.html: Нажмите Копировать в clipboard, чтобы вставить сгенерированный HTML в свою CMS или IDE, или нажмите Загрузить .html, чтобы сохранить готовый к использованию файл.
Справочная шпаргалка по преобразованию Markdown в HTML
Наш конвертер поддерживает стандартный синтаксис CommonMark, а также расширения GitHub со вкусом Markdown (GFM):
| Элемент | Синтаксис Markdown (.md) |
Сгенерированный вывод HTML | |
|---|---|---|---|
| Заголовки (H1–H6) | # Название / ## Раздел |
/ |
|
| Жирный и курсив | **Жирный**, *Курсив*, ***Оба*** |
Жирный, Курсив, Оба |
|
| Зачеркивание (GFM) | ~~Устарело~~ |
|
|
| Ссылки и изображения | [Docs](https://example.com) |
Документация |
|
| Списки задач (GFM) | - [x] Завершенная задача- [ ] Ожидающая задача |
|
|
| Огороженные кодовые блоки | ```jsconst x = 1;``` |
|
|
| Таблицы труб (GFM) | | Имя | Оценка || :--- | ---: | |
|
Распространенные случаи преобразования Markdown в HTML
- CMS и публикация блогов: Чисто составляйте сообщения в Obsidian, Notion, iA Writer или VS Code, а затем преобразуйте их в семантические фрагменты HTML, готовые для вставки в WordPress, Ghost, Webflow, Shopify или специальные редакторы CMS.
- GitHub README и техническая документация: Предварительный просмотр того, как визуализируются файлы
README.md, журналы изменений и документы API, включая таблицы каналов GFM, контрольные списки задач и автоматические идентификаторы привязки заголовков (#имя-раздела). - HTML Электронная почта и выпуск информационных бюллетеней: Создавайте копии информационных бюллетеней в удобном Markdown и экспортируйте чистые, не содержащие классов абзацы, списки и ссылки HTML.
- Отдельные веб-страницы: Включите Wrap в полный документ HTML5, чтобы превратить любую заметку Markdown в полный, автономный файл
.htmlсо встроенным адаптивным CSS и блоками темного кода.
Объяснение вариантов преобразования
- Sanitize HTML Выходные данные: Защищает ваш сайт или приложение от XSS путем удаления опасных тегов (
,,), встроенных обработчиков событий (onerror,onclick) иjavascript:URI. - GitHub Flavored Markdown (GFM): Расширяет стандарт Markdown таблицами каналов (включая двоеточия выравнивания столбцов
:---,:---:,---:), списком задач в интерактивном стиле флажки,~~зачеркивание~~и автоматическое связывание URL. - Создать заголовок
idSlugs: Автоматически создает URL-дружественные идентификаторы slug в тегахчерез(обработка повторяющихся заголовков с помощью-1,-2суффиксы), поэтому якорные ссылки оглавления работают «из коробки». - Умная пунктуация (SmartyPants): Преобразует ASCII кавычки (
"..."и'...'), двойные/тройные дефисы (--/---) и три точки (...) в типографские фигурные кавычки, тире (–), длинные тире (—) и многоточия (…), не касаясь блоков кода.
Часто задаваемые вопросы
Преобразует ли этот инструмент таблицы каналов Markdown в код HTML ?
Да! Если установлен флажок GitHub Flavored Markdown (GFM) (включен по умолчанию), любая таблица каналов Markdown преобразуется в структурированную HTML с , Теги , , и , сохраняющие выравнивание по левому, центральному и правому столбцам.
Почему мне следует оставить включенной функцию «Санитизировать вывод HTML»?
Markdown по умолчанию позволяет использовать необработанный HTML. Установка флажка Sanitize HTML Output гарантирует, что при преобразовании ненадежного содержимого Markdown вредоносные теги , атрибуты onerror или ссылки javascript: будут удалены перед встраиванием файла. HTML на вашем сайте.
Могу ли я создать полный файл HTML с тегами и ?
Да. Проверьте Wrap в полном HTML5-документе (или нажмите кнопку Full HTML5 Page preset), чтобы wrap конвертированный HTML внутри полного шаблона
с метаданными UTF-8 теги, адаптивные настройки области просмотра и чистые правила таблицы стилей.
Как я могу преобразовать код HTML обратно в Markdown (.md)?
Если у вас есть код HTML или таблица веб-страницы, которую вы хотите преобразовать в Markdown, воспользуйтесь нашим сопутствующим конвертером HTML в Markdown, ссылка на который приведена ниже.
