Конвертер Markdown в HTML
Введите или вставьте Markdown и получайте чистый HTML по мере ввода, с предпросмотром того, как он будет выглядеть.
Работает полностью в браузере
Введите или вставьте Markdown, чтобы начать.
Markdown до 5 МБ: набранный, вставленный или из файла .md или .txt. Результат обновляется по мере ввода.
Как преобразовать Markdown в HTML
- Введите или вставьте Markdown либо откройте файл .md.
- Читайте HTML справа или переключитесь на «Предпросмотр», чтобы увидеть готовый вид. Включите параметр полного документа, если нужна целая страница.
- Скопируйте HTML или скачайте его файлом .html.
Как Markdown превращается в HTML
Markdown — это способ записи форматированного текста обычными символами: # начинает заголовок, **две звёздочки** дают полужирный, строка с дефисом в начале — элемент списка. Так пишут файлы README, многие приложения для заметок и большинство форумов разработчиков. Браузерам, шаблонам писем и системам управления контентом нужен HTML, поэтому в какой-то момент Markdown приходится переводить.
Этот конвертер следует CommonMark с дополнениями GitHub Flavored Markdown, поэтому таблицы, списки задач и зачёркивание работают так же, как на GitHub. Полученный HTML затем проходит через санитайзер, который удаляет всё, что могло бы выполнить код при показе HTML, и не трогает обычное форматирование.
Вкладка предпросмотра показывает тот же HTML, отрисованный на странице. Ссылки открываются в новой вкладке, а изображения, размещённые на других сайтах, показываются заглушками и не загружаются, поэтому ничто из написанного вами не отправляется на другой сайт, пока вы работаете.
Советы
- Есть HTML, а нужен Markdown? Используйте «HTML в Markdown».
- Проверить длину публикации можно в инструменте «Подсчёт слов».
- Сравните два черновика в инструменте «Сравнить тексты».
Вопросы и ответы
Мой текст загружается на сервер?
Нет. Markdown преобразуется в вашем браузере библиотекой marked с открытым исходным кодом, ничего никуда не отправляется и не сохраняется.
Какой синтаксис Markdown поддерживается?
CommonMark и дополнения GitHub: таблицы, списки задач (- [x] готово), зачёркивание через ~~, ограждённые блоки кода и автоматические ссылки. Одиночные переводы строк, как в стандартном Markdown, объединяются в один абзац; включите Переводы строк становятся <br>, чтобы сохранить их, как в комментариях GitHub.
Безопасно ли размещать этот HTML на сайте?
Перед показом он очищается библиотекой DOMPurify с открытым исходным кодом. Скрипты, обработчики событий вроде onerror, ссылки javascript:, iframe и встроенные объекты удаляются, а строка под результатом перечисляет, что было убрано. Обычный HTML внутри Markdown, например <details> или <sup>, сохраняется. Как и с любым чужим содержимым, не отключайте защиту вашего собственного сайта.
Почему в предпросмотре изображение показывается заглушкой?
Предпросмотр никогда не загружает ничего с других сайтов, поэтому ваш текст не раскрывается этому сайту и страница остаётся приватной. Изображения по веб-адресам отображаются подписанной заглушкой с их адресом. В коде HTML по-прежнему находится обычный тег <img>, поэтому изображение появится там, где вы опубликуете страницу.
Что добавляет параметр полного документа?
Целую страницу вокруг HTML: doctype, <head> с кодировкой UTF-8, тег viewport для мобильных устройств и заголовок, взятый из первого заголовка. Оставьте параметр выключенным, если вставляете код в существующую страницу или CMS.
Получают ли заголовки атрибуты id для ссылок?
Нет. Заголовки выводятся обычными тегами от <h1> до <h6>. Если нужны якоря, добавьте id в шаблоне сайта или вручную.