Редактор Markdown — предпросмотр и экспорт HTML онлайн

Пишите Markdown в редакторе с предпросмотром рядом, а затем копируйте или скачивайте чистый HTML — всё работает локально в браузере.

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

Редактор Markdown — предпросмотр и экспорт HTML онлайн
Пишите Markdown в редакторе с предпросмотром рядом, а затем копируйте или скачивайте чистый HTML — всё работает локально в браузере.
Предпросмотр
Слова: 0Символы: 0

Как это работает: исходный текст разбирается движком, совместимым с CommonMark (включены таблицы, ограждённый код и зачёркивание), исходный HTML отключён в целях безопасности, а предпросмотр показывает ровно тот HTML, который можно скопировать или скачать.

Об онлайн-редакторе Markdown

Этот редактор Markdown предоставляет свободное от отвлекающих факторов рабочее поле с предпросмотром прямо рядом. Введите или вставьте Markdown в панель исходного текста — результат обновляется после каждого нажатия клавиши, поэтому до публикации вы точно видите, как будут выглядеть заголовки, списки, ссылки, таблицы и блоки кода. Всё происходит локально в браузере: парсер работает на вашем устройстве, аккаунт не нужен, а написанное никогда не отправляется на сервер. Поэтому редактор безопасен для личных заметок, внутренней документации и неопубликованных черновиков. Предпросмотр работает на основе рендерера, совместимого с CommonMark, и поддерживает привычные большинству авторов расширения в стиле GitHub. Таблицы с разделителями-вертикальными чертами, ограждённые блоки кода, зачёркивание двойными тильдами, автоматические ссылки для обычных URL и типографские замены — умные кавычки, тире и многоточия — работают сразу. Исходный HTML намеренно отключён, поэтому вставленный фрагмент не сможет внедрить скрипты или стили в предпросмотр. Скопированный или скачанный результат — это простая предсказуемая разметка, одинаково работающая везде. Когда документ готов, доступны разные способы экспорта. Копировать HTML помещает отрендеренную разметку в буфер обмена, чтобы её можно было вставить в CMS, шаблон письма или макет статического сайта. Скачать HTML оборачивает ту же разметку в полноценную автономную веб-страницу с правильными doctype, кодировкой символов и объявлением viewport — её можно открыть в любом браузере или передать коллеге. Скачать Markdown сохраняет исходный текст в файл .md для контроля версий или дальнейшего редактирования, а Очистить одним нажатием сбрасывает всё рабочее пространство. Под редактором отображаются текущие счётчики слов и символов. Это удобно, когда нужно уложиться в ограничение: например, при написании вступления к блогу, описания продукта, раздела README или тезисов конференции. Счётчик игнорирует токены, состоящие только из пунктуации, например решётки и вертикальные черты, поэтому показывает слова, которые действительно увидит читатель, а не окружающую их разметку. Редактор намеренно остаётся лёгким, а не превращается в полный конвейер публикации. Он не синхронизирует документы между устройствами, не отображает математические формулы LaTeX и диаграммы Mermaid, а также не экспортирует напрямую в PDF или DOCX — для этого используйте специализированный конвертер. Зато свою задачу он выполняет мгновенно: быстрый приватный набор Markdown с точным предпросмотром и чистым экспортом HTML, бесплатно и без регистрации.

Примеры редактора Markdown

Несколько распространённых фрагментов и результат их отображения в предпросмотре.

Вводимый MarkdownЧто показывает предпросмотрПочему это работает
## Чек-лист выпускаЗаголовок второго уровняОт одного до шести символов # в начале создают заголовки h1–h6.
| Название | Кол-во | | --- | --- | | Ручки | 12 |Таблица из двух столбцов со строкой заголовковВертикальные черты и строка-разделитель из дефисов создают таблицу в стиле GitHub.
~~старая цена~~ $19Зачёркнутый текст перед новой ценойЗаключите текст в двойные тильды, чтобы зачеркнуть его.
Посетите https://example.com сегодняОбычный URL превращается в кликабельную ссылкуАвтоматические ссылки включены, поэтому обычные URL распознаются без угловых скобок.

Как пользоваться редактором Markdown

  1. Введите или вставьте Markdown в панель исходного текста слева — предпросмотр справа обновляется по мере набора.
  2. Следите за счётчиками слов и символов под редактором, если нужно соблюдать ограничение длины.
  3. Нажмите «Копировать HTML», чтобы поместить разметку в буфер обмена, или «Скачать HTML», чтобы сохранить полноценную автономную веб-страницу.
  4. Используйте «Скачать Markdown», чтобы сохранить исходный файл .md, «Загрузить пример» для изучения демонстрационного документа или «Очистить», чтобы начать заново.

Частые вопросы о редакторе Markdown

Мой текст куда-нибудь загружается?
Нет. Разбор и отображение предпросмотра полностью выполняются в браузере встроенным JavaScript-движком. Текст не покидает устройство и удаляется после закрытия вкладки, поэтому редактор безопасен для конфиденциальных черновиков.
Какой синтаксис Markdown поддерживает редактор?
Он следует стандарту CommonMark и поддерживает популярные расширения в стиле GitHub: таблицы с вертикальными чертами, ограждённые блоки кода, зачёркивание и автоматические ссылки для обычных URL. Выделение звёздочками или символами подчёркивания, вложенные списки, цитаты и изображения также отображаются ожидаемым образом.
Почему исходный HTML в Markdown не отображается?
Передача исходного HTML намеренно отключена. Это не позволяет вставленному содержимому внедрять скрипты или стили в предпросмотр (распространённый вектор XSS) и сохраняет экспортируемую разметку чистой. Используйте синтаксис Markdown вместо встроенных тегов.
Как превратить Markdown в полноценную веб-страницу?
Нажмите «Скачать HTML». Редактор оборачивает отрендеренную разметку в полный документ с doctype, charset и метаданными viewport, поэтому сохранённый файл без дополнительных действий правильно открывается в любом браузере.
Можно ли вставить экспортированный HTML в WordPress или письмо?
Да. «Копировать HTML» выдаёт обычную семантическую разметку без внешних таблиц стилей и скриптов. Она аккуратно вставляется в редакторы кода CMS, конструкторы писем и системы документации, а оформление добавляется темой целевой платформы.