webtrajans
ru

Markdown в HTML

Пишите Markdown и сразу смотрите результат и готовый HTML-код — или превращайте HTML обратно в Markdown.

Предпросмотр очищается DOMPurify: скрипты и атрибуты событий (onerror и т. п.) не выполняются.

Инструмент работает полностью в вашем браузере; данные никуда не отправляются.

Как пользоваться

  1. 1Выберите направление: Markdown → HTML или HTML → Markdown.
  2. 2Вставьте или напишите текст — результат обновляется при вводе.
  3. 3Переключайтесь между предпросмотром и HTML-кодом.
  4. 4Скопируйте результат или скачайте его как .html или .md.

Поддержка GitHub Flavored Markdown

Конвертация выполняется библиотекой marked с включённым GFM: заголовки, жирный, курсив, ~~зачёркнутый~~, ссылки, изображения, цитаты, вложенные списки, таблицы, списки задач - [x] и блоки кода с указанием языка. Это тот же синтаксис, что используется в README на GitHub и GitLab, в документации и во многих редакторах заметок.

Безопасный предпросмотр

Перед выводом HTML очищается библиотекой DOMPurify: теги script, обработчики событий вроде onerror и опасные ссылки удаляются, поэтому вставленный чужой Markdown не выполнит код на странице. Очищенный HTML можно смело копировать в CMS, письмо или шаблон. Подсветка синтаксиса в блоках кода не добавляется — блоки получают только класс language-…

HTML в Markdown

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

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

Как перевести Markdown в HTML?

Вставьте Markdown в поле, переключите вид на «HTML-код» и скопируйте результат или скачайте файл .html.

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

Да, включён GitHub Flavored Markdown: таблицы, списки задач, зачёркивание и блоки кода.

Можно ли конвертировать HTML в Markdown?

Да, выберите режим HTML → Markdown. Основные элементы переводятся, сложная вёрстка упрощается.

Безопасен ли HTML из предпросмотра?

Да, он очищается DOMPurify: скрипты и обработчики событий удаляются.

Результаты не радуют?

Обратитесь в Webin Agency: быстрые сайты с SEO-оптимизацией, интернет-магазины и ведение Google Ads.

Бесплатная консультация

Похожие инструменты