Мгновенный предпросмотр
Предпросмотр обновляется по мере ввода и прокручивается вместе с редактором, поэтому перед глазами всегда тот фрагмент, над которым вы работаете.
Markdown-редактор
с живым предпросмотром
Быстрый Markdown-редактор с живым предпросмотром, вкладками, формулами, диаграммами и экспортом в один клик. Работает прямо в браузере — пользуйтесь онлайн или разместите на своём сайте за минуту.
Markdown PreviewПривет, Markdown 👋
Печатайте слева — предпросмотр справа обновляется мгновенно.
- Живой предпросмотр с синхронной прокруткой
- Таблицы, списки задач и блоки-предупреждения
- Код с
подсветкой синтаксиса
Совет
Выделите текст и нажмите B или I на панели инструментов.
Это живая мини-версия редактора: щёлкните в текст, переключайте вкладки и режимы, нажимайте кнопки на панели.
- GitHub-Flavored Markdown
- Формулы KaTeX
- Диаграммы Mermaid
- Подсветка синтаксиса
- Экспорт в HTML и PDF
- Удобно на телефоне
Возможности
Всё нужное для Markdown — и ничего лишнего
Чистый редактор слева, предпросмотр в стиле GitHub справа, а между ними — инструменты, которыми вы действительно пользуетесь.
Вкладки для документов
Открывайте сразу много файлов. У каждой вкладки своя история отмены, а ссылки между открытыми .md-файлами переключают вкладки.
Перетаскивайте что угодно
Несколько файлов, целую папку или документ вместе с картинками — относительные пути просто работают.
Удобный редактор
Основные инструменты всегда на виду и под рукой. Сложные функции — сноски, выноски, формулы, диаграммы, оглавление — свёрнуты в отдельную панель для продвинутых.
Формулы и диаграммы
Пишите формулы LaTeX с KaTeX, рисуйте блок-схемы, диаграммы последовательности и диаграммы Ганта с Mermaid.
Экспорт в HTML, PDF и .md
Самостоятельный HTML-файл, PDF через диалог печати или чистый исходник Markdown — всё в один клик.
Светлая, тёмная, мобильная
Удобно и днём, и ночью, на большом мониторе и на телефоне. Ваш выбор запоминается.
15 языков интерфейса
English, Deutsch, Español, Français, 日本語, 简体中文 и другие. Язык берётся из браузера и меняется в настройках.
Ваши файлы — только ваши
Всё происходит в браузере. Без аккаунта, без загрузки на сервер, без аналитики — просто редактор.
Больше, чем текст
От быстрых заметок до технической документации
Выберите пример, чтобы увидеть исходный Markdown и то, что покажет предпросмотр.
Markdown
Корни квадратного уравнения $ax^2 + bx + c = 0$:
$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$Предпросмотр
Корни квадратного уравнения :
Синтаксис LaTeX, отрисовка через KaTeX. Загружается, только если в документе есть формула.
Markdown
```mermaid
flowchart LR
A[Пишем] --> B[Смотрим]
B --> C{Готово?}
C -- да --> D[Экспорт]
C -- нет --> A
```Предпросмотр
Блок-схемы, диаграммы последовательности, диаграммы Ганта, диаграммы состояний и многое другое — на Mermaid.
Markdown
```js
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}
```Предпросмотр
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}Подсветка синтаксиса для 35+ популярных языков в светлой и тёмной темах.
Markdown
> [!NOTE] > Полезная информация. > [!TIP] > Удобный приём. > [!WARNING] > Прочитайте, прежде чем продолжить.
Предпросмотр
Примечание
Полезная информация.
Совет
Удобный приём.
Внимание
Прочитайте, прежде чем продолжить.
Блоки-предупреждения в стиле GitHub: NOTE, TIP, IMPORTANT, WARNING и CAUTION.
Markdown
| Функция | Статус | |:--------|:------:| | Предпросмотр | ✅ | | Экспорт | ✅ | - [x] Написать черновик - [ ] Опубликовать
Предпросмотр
| Функция | Статус |
|---|---|
| Предпросмотр | ✅ |
| Экспорт | ✅ |
- Написать черновик
- Опубликовать
Таблицы с выравниванием и списки задач из GitHub-Flavored Markdown.
Markdown
Markdown появился в 2004 году.[^1] [^1]: Его создал Джон Грубер при участии Аарона Шварца.
Предпросмотр
Markdown появился в 2004 году.1
- Его создал Джон Грубер при участии Аарона Шварца.
Также поддерживаются сноски, выделение, нижний и верхний индексы, эмодзи-коды и front matter.
Как это выглядит
Удобно на любом экране
Разделённый экран с вкладками на компьютере и компактный макет для одной руки на телефоне. Светлая или тёмная тема — решать вам.
Компьютер: вкладки, панель форматирования, синхронная прокрутка двух панелей.
Телефон: режимы переключаются одним касанием.
Просто по задумке
Ваши файлы не покидают компьютер
Здесь нет сервера, который делает работу. Редактор — это набор статических файлов, и всё — открытие, отрисовка, экспорт — происходит во вкладке вашего браузера.
- Без аккаунта. Откройте страницу и пишите.
- Без загрузки на сервер. Перетащенные файлы читаются локально.
- Без слежки. Ни аналитики, ни cookie, ни рекламы.
- Вы решаете, что загружать. Внешние картинки и ссылки отключены, пока вы их не разрешите.
Ваш .md-файлС диска, из папки или из буфера обмена
Отрисовка в браузереMarkdown, формулы и диаграммы — на вашем устройстве
Сохранение куда скажете.md, HTML или PDF — прямо на ваш компьютер
На своём сервере
Свой редактор в три шага
Скачайте
Возьмите готовый архив сайта из последнего релиза — zip или tar.gz со статическими файлами.
Загрузите
Распакуйте его в папку домена или поддомена через файловый менеджер хостинга или по FTP. Входящий в комплект .htaccess настроит HTTPS и кеширование.
Пишите
Откройте свой домен. Готово — редактор для вас и вашей команды по вашему собственному адресу.
FAQ
Частые вопросы
Markdown Preview Editor бесплатный?
Да. Он бесплатный и распространяется с открытым кодом по лицензии MIT. Никаких платных тарифов, рекламы и регистрации. Можно пользоваться онлайн-версией или разместить свою копию.
Нужно что-нибудь устанавливать?
Нет. Редактор работает в любом современном браузере — откройте онлайн-версию и начинайте печатать. Если нужна своя копия, скачайте готовый архив сайта и загрузите его на любой хостинг; база данных и серверный код не нужны.
Мои документы куда-нибудь загружаются?
Нет. Файлы открываются и отрисовываются прямо в браузере. Документы остаются на вашем устройстве и хранятся только в открытой вкладке, если вы не включите «Запоминать документы в этом браузере» в настройках.
Какой синтаксис Markdown поддерживается?
GitHub-Flavored Markdown: таблицы, списки задач, зачёркивание, автоссылки, сноски и блоки-предупреждения. А сверх того — подсветка синтаксиса, формулы KaTeX, диаграммы Mermaid, эмодзи-коды, выделение, нижний и верхний индексы и front matter.
Можно экспортировать в PDF или HTML?
Да. Экспортируйте самостоятельный HTML-файл со встроенными стилями и локальными картинками, распечатайте или сохраните в PDF через браузер либо сохраните исходник Markdown как .md-файл.
Работает на телефонах и планшетах?
Да. Макет подстраивается под маленькие экраны: редактор, разделённый экран и предпросмотр переключаются одним касанием, а панель форматирования открывается, только когда она нужна.
Из блога
Руководства: как писать Markdown лучше
Практичные руководства с готовыми примерами — от основ до формул, диаграмм и своего хостинга.
Руководство
Шпаргалка по Markdown: синтаксис GitHub-Flavored Markdown с примерами
Шпаргалка по Markdown: заголовки, списки, ссылки, картинки, код, таблицы, списки задач, блоки-предупреждения и сноски — с готовыми примерами GFM.
ИнструкцияКак просматривать Markdown онлайн, не загружая файлы на сервер
Как просматривать Markdown онлайн с живым предпросмотром бок о бок, на что смотреть при выборе редактора и как открывать файлы и папки прямо с компьютера.
УчебникКак писать формулы в Markdown (LaTeX и KaTeX)
Формулы в Markdown на LaTeX: в строке и отдельной строкой. Дроби, корни, суммы, матрицы, выравнивание и типичные ошибки — с примерами для GitHub и KaTeX.
УчебникДиаграммы Mermaid в Markdown: блок-схемы, диаграммы последовательности и не только
Рисуйте блок-схемы, диаграммы последовательности, диаграммы Ганта, состояний и круговые прямо в Markdown с Mermaid. Готовые примеры и советы для понятных схем.
ИнструкцияКак конвертировать Markdown в HTML и PDF: 4 простых способа
Как перевести Markdown в HTML или PDF: экспорт из браузера в один клик, Pandoc, VS Code и скрипт. Плюс советы о разрывах страниц, тёмной теме и картинках.
ХостингКак разместить Markdown-редактор на своём хостинге, в Docker или на nginx
Свой Markdown-редактор с живым предпросмотром за минуты. Пошагово для виртуального хостинга (cPanel), Docker, nginx и Caddy — без базы данных и бэкенда.
Понравилось? Поставьте звезду.
Markdown Preview Editor создаётся в свободное время и раздаётся бесплатно. Звезда на GitHub помогает другим найти проект — и говорит нам, что стоит продолжать.