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

Преобразуйте Markdown в HTML с таблицами и списками задач GitHub Flavored Markdown, смотрите очищенный предпросмотр и копируйте или скачивайте исходный HTML. Бесплатно.

Работает полностью в вашем браузере. Ваши данные никуда не загружаются.

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

Просмотреть Все

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

Напишите или вставьте Markdown и получите созданный из него HTML вместе с отрисованным предпросмотром. Поддерживается GitHub Flavored Markdown (таблицы, списки задач, зачёркивание, автоссылки), а одиночные переводы строк можно превращать в <br>.

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

  1. Вставьте Markdown в поле Входные данные Markdown либо воспользуйтесь Загрузить пример или Открыть файл.
  2. Переключайте GitHub Flavored Markdown и Перевод строки = <br>.
  3. Проверьте Предпросмотр под HTML-результатом.
  4. HTML-результат обновляется по мере ввода; используйте Копировать или Скачать.

Пример

Ввод
# Hi

**bold** and *it*
Вывод
<h1>Hi</h1>
<p><strong>bold</strong> and <em>it</em></p>

Когда использовать Markdown в HTML

Используйте, чтобы превратить текст README, черновики статей или документацию в HTML для CMS или письма. Исходный HTML не очищается: если Markdown поступает от недоверенных пользователей, очистите HTML на сервере перед публикацией.

Как работает Markdown в HTML

Markdown преобразуется библиотекой marked — парсером, совместимым с CommonMark, а при включении — с расширениями GFM. Исходный HTML-результат — ровно то, что генерирует marked, включая любой HTML, написанный внутри Markdown. Предпросмотр сначала проходит через DOMPurify, который перед показом удаляет скрипты, обработчики событий вроде onerror и другую опасную разметку.

Распространенные Случаи Использования

  • Преобразование раздела README в HTML для сайта
  • Подготовка HTML для CMS без поддержки Markdown
  • Проверка того, как отображаются таблицы в стиле GitHub
  • Написание содержимого HTML-письма на Markdown

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

Безопасен ли получаемый HTML?

Предпросмотр очищается с помощью DOMPurify. Исходный HTML возвращается без изменений, чтобы вы видели, что создал marked; очищайте его самостоятельно перед публикацией недоверенного содержимого.

Какой диалект Markdown используется?

CommonMark через marked плюс расширения GitHub Flavored Markdown, когда включена опция GFM.

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

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

Что сделать дальше

Редактор Markdown
Пишите Markdown с живым предпросмотром рядом. Поддерживает таблицы и списки задач GitHub Flavored Markdown, очищенный HTML-вывод и скачивание .md и .html.
Генератор README
Заполните короткую форму и получите аккуратный README.md для GitHub: значки, установка, использование, возможности, вклад и лицензия, с живым предпросмотром.
Минификатор кода
Минифицируйте JavaScript (Terser), CSS (CSSO), HTML, JSON или XML в одном инструменте: выберите язык, вставьте код и узнайте экономию в байтах. В браузере.
Форматирование кода
Форматирование кода на 14 языках прямо в браузере: от JavaScript и HTML до SQL, PHP и Python. Единый стиль отступов, ничего не нужно устанавливать.
Минификатор HTML
Безопасно минифицируйте HTML: удаляйте комментарии, схлопывайте пробелы и убирайте их вокруг блочных тегов, не трогая pre, textarea, script и style.
Экранирование строк
Один инструмент для экранирования и обратного преобразования строк для JSON, JavaScript, HTML, XML, компонентов URL, регулярных выражений, SQL, CSS и аргументов оболочки.

Другие категории