Предпросмотр Markdown
НовоеПишите Markdown и наблюдайте за готовым результатом бок о бок.
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, и сноски.
Related tools
Все инструментыСоставитель слов из букв
Составьте из перемешанных букв все возможные слова — с джокерами, фильтрами и очками Scrabble.
Citation Generator
Format references in APA, MLA and Chicago styles — book, journal, website and more.
Anagram Solver
Find all words from any set of letters instantly — wildcard support, Scrabble scores and word-length filter.
ASCII Art Generator
Convert text to ASCII art banners with 7 font styles. One-click copy, Markdown export, works offline.
Character Counter
Count characters, words, sentences & lines in real time. Platform limit bars for Twitter/X, LinkedIn, SMS & Instagram. No upload.
Text Repeater
Repeat any text N times with custom separator (newline, comma, space, pipe, or custom). Copy or download output. No limits, no signup.