Skip to content
Предпросмотр Markdown
Tools

Предпросмотр Markdown

Новое

Пишите Markdown и наблюдайте за готовым результатом бок о бок.

0 words
Export ▾

Runs entirely in your browser. Nothing is uploaded.

Бесплатный онлайн-редактор и предпросмотр Markdown — с Mermaid и LaTeX

Этот предпросмотр Markdown отображает текст в реальном времени, бок о бок, в момент ввода. Пишите в редакторе слева — отформатированный результат мгновенно появляется справа: заголовки, жирный, курсив, таблицы, списки задач, блоки кода, диаграммы Mermaid и математика KaTeX, всё рендерится при наборе. Это полностью бесплатный онлайн-редактор Markdown и просмотрщик Markdown в одном — без регистрации, без ограничений и без установки.

Поскольку всё работает в браузере, здесь также гарантирована полная конфиденциальность: текст разбирается локально и автосохраняется на устройстве, никогда не загружается на сервер. Это делает инструмент быстрее и приватнее облачных редакторов вроде StackEdit, HackMD или Dillinger.io — и он работает офлайн после загрузки страницы.

GitHub-Flavored Markdown, отрендеренный так, как вы ожидаете

Просмотрщик полностью поддерживает GitHub-Flavored Markdown (GFM), поэтому таблицы, списки задач, зачёркнутый текст, автоссылки и блоки кода с подсветкой синтаксиса отображаются точно так же, как в README на GitHub. Напишите таблицу с пайпами или чеклист - [x], и она тут же появится отформатированной справа.

Панель форматирования добавляет жирный, курсив, зачёркнутый, инлайн-код, заголовки, списки, цитаты, ссылки, изображения, таблицы и блоки кода одним кликом. Горячие клавиши (Ctrl+B, Ctrl+I, Ctrl+K, Ctrl+F) работают как в настольном редакторе. Живой подсчёт слов, символов и времени чтения, автоматически генерируемое оглавление и поиск с заменой.

Диаграммы Mermaid, математика LaTeX и код с подсветкой синтаксиса

Здесь инструмент превосходит базовые просмотрщики. Добавьте блок ```mermaid, и ваша блок-схема, диаграмма последовательности, классов, диаграмма Ганта или круговая диаграмма рендерится в реальном времени как SVG, адаптированная под светлую и тёмную темы. Встроенный предпросмотр VS Code требует расширения «Markdown Preview Mermaid Support» для этого. Dillinger.io и базовое демо Marked.js вообще не поддерживают Mermaid.

Напишите $E = mc^2$ инлайн или блок $$\int_0^\infty e^{-x^2} dx$$, и математика LaTeX мгновенно набирается с помощью KaTeX. Блоки кода подсвечиваются highlight.js для более чем 180 языков программирования.

Альтернатива без установки для VS Code, Typora, Dillinger, StackEdit и Obsidian

Если вы обычно используете предпросмотр Markdown в VS Code (Ctrl+Shift+V) или разделённый вид (Ctrl+K V), эта страница делает то же самое без открытия редактора. Typora имеет уникальный бесшовный режим редактирования, но стоит $14.99 — этот инструмент бесплатный и не требует установки.

StackEdit поддерживает KaTeX и Mermaid, но требует аккаунты для облачной синхронизации. HackMD хранит документы на своих серверах. Obsidian — установленное приложение. Этот инструмент предлагает Mermaid + KaTeX + GFM + экспорт на одной мгновенно загружаемой странице с полной конфиденциальностью.

Экспорт в PDF, HTML или Markdown — и поделиться по ссылке

Когда документ готов, возьмите его куда угодно. Экспорт в PDF печатает отрендеренную страницу — диаграммы Mermaid, математику KaTeX и подсвеченный код включительно — в файл. Скачать .html сохраняет автономную веб-страницу со встроенными стилями; Скачать .md сохраняет исходный код.

Нужно отправить кому-то? Поделиться кодирует весь документ в ссылку (сжатую с помощью LZ-string) и копирует URL в буфер обмена. Откройте эту ссылку — текст загружается прямо в редактор: без аккаунта, без сервера, без загрузки.

Безопасный вывод, автосохранение и полная конфиденциальность

Предпросмотр Markdown из внешнего источника не должен нести рисков. После разбора инструмент очищает отрендеренный HTML с помощью DOMPurify, удаляя теги script, инлайн-обработчики событий и URL-адреса javascript:. Предпросмотр честно отображает контент, но защищён от XSS.

Всё обновляется в момент набора. Черновик автосохраняется в локальное хранилище — закрытие вкладки не приведёт к потере работы. Без регистрации, без загрузки, без отслеживания. Для написания документации, предпросмотра README, рендеринга Mermaid и математики, или конвертации Markdown в HTML и PDF.

Frequently asked questions

Этот редактор и просмотрщик Markdown бесплатный?

Да — полностью бесплатный без регистрации, без аккаунта и без ограничений использования. Открывается одним кликом и полностью работает в браузере. Никаких ограничений на размер файла и платных функций, в отличие от Dillinger.io, StackEdit или HackMD.

Мой контент Markdown приватен?

Да, полностью. Ваш Markdown разбирается и рендерится в браузере в реальном времени, автосохраняется в локальном хранилище устройства — ничего не загружается на сервер. Инструмент работает офлайн после загрузки страницы.

Поддерживается ли GitHub-Flavored Markdown (GFM)?

Да. Просмотрщик полностью поддерживает GFM — таблицы с пайпами и выравниванием, списки задач с флажками (- [x] и - [ ]), зачёркнутый текст через ~~двойные тильды~~, блоки кода с подсветкой синтаксиса, автоссылки и HTML-теги.

Рендерит ли диаграммы Mermaid?

Да. Поместите диаграмму в блок кода ```mermaid, и она рендерится в реальном времени как SVG на панели предпросмотра. Поддерживаемые типы: блок-схемы, диаграммы последовательности, классов, состояний, ER, круговые, Ганта и граф Git.

Может рендерить математические уравнения LaTeX?

Да. Инлайн-математика вроде $E = mc^2$ и блочная математика между разделителями $$…$$ рендерится с помощью KaTeX. KaTeX работает быстро (без сетевых запросов, локально) и покрывает подавляющее большинство математических обозначений LaTeX.

Подсвечивает ли блоки кода?

Да. Блоки кода подсвечиваются highlight.js для более чем 180 языков программирования. Добавьте подсказку языка после открывающей ограды — например ```js, ```python, ```sql — и применится соответствующая цветовая схема.

Как сделать предпросмотр Markdown без VS Code?

Просто вставьте или введите Markdown в редакторе слева — отрендеренный результат появится справа мгновенно. Без Visual Studio Code, без расширений и без установки.

Как делать предпросмотр Markdown в VS Code?

В VS Code откройте файл .md и нажмите Ctrl+Shift+V (Cmd+Shift+V на macOS), чтобы открыть предпросмотр Markdown в новой вкладке, или Ctrl+K затем V для вида бок о бок. Встроенный предпросмотр VS Code поддерживает CommonMark и GFM, но без расширений не рендерит диаграммы Mermaid или математику KaTeX.

Как сравнивается с Dillinger.io?

Dillinger.io — хороший онлайн-редактор Markdown с облачной синхронизацией. Однако он не поддерживает диаграммы Mermaid, математику KaTeX или безопасную санитизацию HTML. Также он работает на основе рекламы. Этот инструмент добавляет Mermaid, LaTeX/KaTeX, санитизацию DOMPurify, URL-шаринг и офлайн-возможности.

Как сравнивается со StackEdit?

StackEdit — мощный редактор Markdown с KaTeX и Mermaid. Ключевой компромисс: требует аккаунт Google или GitHub, хранит документы в облаке и имеет более сложный интерфейс. Этот инструмент ставит во главу угла простоту и конфиденциальность.

Как сравнивается с HackMD?

HackMD — мощная совместная Markdown-платформа для команд. Однако хранит все документы на своих серверах (бесплатные документы доступны публично по умолчанию) и требует регистрации. Этот инструмент для личного использования с быстрым приватным шарингом через URL.

Как сравнивается с Typora?

Typora — платный настольный редактор Markdown ($14.99) с уникальным бесшовным режимом редактирования. Этот инструмент на основе браузера работает на любой ОС без установки и не требует покупки.

Как сравнивается с Obsidian и Notion для Markdown?

Obsidian требует установки и имеет собственный диалект Markdown. Notion использует блочный редактор, требующий аккаунт. Ни один из них не идеален для быстрого предпросмотра Markdown в браузере без установки ПО.

Как сравнивается с живым демо Marked.js?

Демо Marked.js — базовая справочная реализация без Mermaid, KaTeX, подсветки синтаксиса, панели инструментов, экспорта или шаринга. Этот инструмент добавляет полноценный интерфейс для написания со всеми этими функциями.

Можно ли экспортировать Markdown в PDF или HTML?

Да. Используйте Экспорт → Печать/Сохранить PDF для рендеринга документа в PDF — диаграммы, уравнения и подсвеченный код включены. Используйте Экспорт → Скачать .html для автономного HTML-файла со встроенными стилями.

Защищён ли отрендеренный HTML от XSS?

Да. После разбора сгенерированный HTML очищается DOMPurify, удаляя опасные конструкции — теги <script>, инлайн-обработчики событий, URL-адреса javascript: — поэтому предпросмотр безопасен даже при рендеринге Markdown из ненадёжного источника.

Можно ли поделиться Markdown-документом без создания аккаунта?

Да. Нажмите «Поделиться», инструмент закодирует весь документ в URL (сжатый LZ-string) и скопирует ссылку в буфер обмена. Кто откроет эту ссылку — получит документ, загруженный прямо в редактор.

Прокрутка предпросмотра синхронизирована с редактором?

Да. Панели редактора и предпросмотра имеют двунаправленную синхронизированную прокрутку. Панель форматирования позволяет вставлять жирный, курсив, зачёркнутый, инлайн-код, заголовки, списки, цитаты, ссылки, изображения, таблицы и блоки кода одним кликом.

Можно ли открыть существующий файл .md?

Да. Нажмите «Открыть» (или перетащите файл на редактор), чтобы загрузить файл .md, .markdown или .txt прямо в редактор. Файл читается браузером локально — никогда не загружается.

Какие функции Markdown поддерживаются?

Парсер поддерживает CommonMark и расширения GFM: заголовки, акцент, жирный, зачёркнутый, горизонтальные линии, цитаты, маркированные и нумерованные списки, списки задач, таблицы с пайпами, блоки кода с подсветкой, инлайн-код, ссылки, изображения и сырой HTML. Дополнительно: диаграммы Mermaid в блоках ```mermaid, математика LaTeX с $…$ и $$…$$ через KaTeX, и сноски.