Live Markdown-редактор

Бесплатный онлайн Markdown-редактор с живым HTML-превью. Печатайте CommonMark или GitHub-Flavored Markdown слева и видите отрендеренный HTML справа; панели скроллятся синхронно, и вы не теряете место в длинных документах. Превью санитайзируется — вставленные <script>-теги и onclick-обработчики не могут сработать, так что Markdown, скопированный откуда угодно, можно безопасно рендерить. Экспортируйте как .md (исходник, который вы написали) или как .html (отрендеренный вывод), или скопируйте отрендеренный HTML в буфер обмена для вставки в WordPress, Ghost, Notion или любую другую CMS. Три режима: рядом (по умолчанию), только редактор (режим фокуса), только превью (режим чтения).

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

1
Печатайте Markdown

Стандартный синтаксис — заголовки (#), списки (-), жирный (**), код (```), таблицы (|).

2
Смотрите превью

Live-рендер появляется справа по мере печати.

3
Переключайте вид

Focus mode прячет превью; read mode прячет редактор.

4
Экспорт

Сохраните .md (исходник) или .html (отрендеренный) — обе скачивалки в браузере.

Редактируйте Markdown слева, видите HTML справа — GitHub-flavored, санитайзировано, синхронный скролл

Вид
Тема
Опции
Markdown
Превью
Не знаешь, что попробовать?
400+ бесплатных инструментов — открой сюрприз
🎲 Сюрприз

Особенности

GitHub-Flavored Markdown Live side-by-side превью Безопасное превью Sync scroll Три вида Multi-format экспорт
Понравился сайт? Хотите чтобы он развивался дальше? Поддержите развитие нашего проекта — это вернется Вам добром. Нам нужна Ваша поддержка! Отблагодарить

Типичные применения

  • Набросать blog post в Markdown, отрендерить в HTML, вставить в CMS.
  • Написать README локально без установки рендерера.
  • Конвертировать Markdown в standalone HTML для email или хостинга.
  • Отформатировать meeting note с заголовками и буллетами, потом скопировать HTML.
  • Попрактиковаться в Markdown — увидеть как каждый символ переводится в HTML.

Почему именно этот

Рендеринг происходит мгновенно на каждое нажатие клавиши — никаких round-trip на сервер, никакой задержки «превью готово через 3 секунды», как в CMS-редакторах. Синхронный скролл и три раскладки настраиваются. GFM-фичи (таблицы, task lists, fenced code) точно совпадают с тем, что GitHub рендерит для вашего README; выключите GFM, если ваш потребитель — более строгий CommonMark (некоторые статические генераторы сайтов, академические пайплайны).

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

Что такое «GitHub-Flavored» Markdown?

Суперсет CommonMark, добавляющий таблицы, fenced code блоки, task lists, autolinks и strikethrough. De-facto стандарт для README-файлов. Выключите «GFM» — рендерится строгий CommonMark.

Почему <script> в моём Markdown не рендерится?

Активный контент (скрипты, event-обработчики, javascript: URL) удаляется перед отображением — без этой защиты любой Markdown, вставленный из чата или форума, мог бы выполнить код в вашем браузере. Если нужен литеральный <script>-тег как видимый текст — экранируйте его бэктиками (`<script>`) или HTML-entity кодами.

Можно писать LaTeX/математику?

Нет — это обычный Markdown-рендерер, а не математический типографский набор. Используйте code-fenced блок с языком `math` как заглушку; для реального рендеринга уравнений GitHub теперь поддерживает $...$ math-блоки нативно, а Obsidian / VS Code / MkDocs подключают KaTeX или MathJax.

Как работает sync scroll?

Когда вы скроллите редактор, превью скроллится пропорционально. Это грубо percentage-based — не block-accurate — но достаточно для навигации.

На мобильном?

Да. Split-раскладка сворачивается в стек; переключите на only-editor или only-preview для больше места.

💡 Хотите, чтобы мы улучшили этот инструмент лично для вас?

Мы можем! И это бесплатно. Просто отправьте нам сообщение с вашим пожеланием. Если хотите обсудить детали — оставьте свою почту, и мы с вами свяжемся. Можно анонимно.

Как вы оцениваете этот инструмент?

Спасибо за вашу оценку!
Хотите рассказать подробнее? Оставьте комментарий!
Спасибо! Ваш комментарий появится после модерации.
Опубликовано Обновлено