Текст
Markdown Preview / HTML ↔ Markdown
Живой предпросмотр Markdown как отформатированного HTML, а также конвертация в обе стороны: Markdown → HTML и HTML → Markdown.
Markdown — лёгкая разметка для форматирования текста простыми символами (**жирный**, # заголовок, - список), которая читабельна даже без рендеринга. Инструмент показывает живой предпросмотр Markdown как HTML и конвертирует в обе стороны.
Как пользоваться
- Предпросмотр: пишите Markdown слева — отформатированный результат сразу появляется справа.
- Markdown → HTML: получите готовый HTML-код для вставки на страницу или в email-шаблон.
- HTML → Markdown: вставьте HTML-разметку, чтобы получить её Markdown-эквивалент — удобно для переноса контента в README или CMS на Markdown.
Типичные сценарии
- Написание README.md для GitHub-репозитория с предварительным просмотром форматирования.
- Подготовка текста для CMS или документации, принимающей Markdown.
- Быстрое превращение скопированного с сайта HTML в чистый Markdown для заметок.
Что стоит помнить
Разные платформы (GitHub, GitLab, Discord) поддерживают немного разные расширения Markdown (таблицы, зачёркивание, чекбоксы) — базовый синтаксис одинаков везде.
Конвертация HTML → Markdown теряет возможности, которых нет в Markdown: сложную вёрстку, inline-стили, вложенные элементы.
Статья об этом инструменте: Markdown: почему простой текстовый синтаксис победил сложные редакторы
Часто задаваемые вопросы
Какие конвертации предлагаются?
Доступны три режима: живой предпросмотр Markdown, отрендеренный как отформатированный HTML, явная конвертация Markdown → HTML и обратная конвертация HTML → Markdown.
Какой движок рендеринга Markdown используется?
Это простой клиентский рендеринг Markdown на JavaScript, не связанный ни с каким конкретным серверным шаблонизатором вроде Blade или Twig; результат отражает стандартный Markdown, а не специфичный для фреймворка синтаксис.
Отправляется ли моё содержимое Markdown или HTML на сервер?
Нет, конвертация и предпросмотр полностью происходят в браузере, никакое содержимое не передаётся онлайн.
Почему один и тот же файл выглядит по-разному в разных приложениях?
Оригинальный Markdown не определяет таблицы, зачёркнутый текст или подсветку синтаксиса в блоках кода — это расширения разных реализаций. GitHub Flavored Markdown и спецификация CommonMark по-разному трактуют некоторые неоднозначные случаи, поэтому рендеринг одного и того же файла может отличаться в зависимости от парсера.
Что теряется при конвертации сложного HTML в Markdown?
HTML поддерживает значительно больше возможностей форматирования, чем базовый Markdown, поэтому сложные таблицы, вложенные стили или нестандартная разметка могут упрощаться или теряться при обратной конвертации.