Markdown Preview Editor
UK
EnglishDeutschEspañolFrançaisItalianoPortuguêsNederlandsSvenskaPolskiУкраїнськаРусскийTürkçe日本語한국어简体中文
Спробувати онлайн GitHub
МожливостіДемоСвій серверБлогКонтакти Завантажити з GitHub Спробувати онлайн

Пишіть у Markdown.
Результат — одразу.

Швидкий Markdown-редактор із живим переглядом, вкладками, формулами, діаграмами та експортом в один клік. Працює просто в браузері — користуйтеся онлайн або розмістіть на своєму сайті за хвилину.

Завантажити з GitHub Спробувати онлайн
  • Без реєстрації
  • Без встановлення
  • Працює на будь-якому статичному хостингу
  • 15 мов
Markdown Preview

Привіт, Markdown 👋

Пишіть ліворуч — перегляд праворуч оновлюється миттєво.

  • Живий перегляд із синхронним прокручуванням
  • Таблиці, списки завдань і попередження
  • Код із підсвічуванням синтаксису

Порада

Виділіть текст і натисніть B або I на панелі інструментів.

Markdown Лише у вашому браузері

Це жива мініверсія редактора — клацніть у неї, перемикайте вкладки й режими, натискайте кнопки панелі інструментів.

  • 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}
$$
Перегляд

Квадратне рівняння розв’язується за формулою ax2+bx+c=0ax^2 + bx + c = 0:

x=−b±b2−4ac2ax = \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

  1. Джон Ґрубер разом з Аароном Шварцом.

Також підтримуються виноски, виділення, нижній і верхній індекси, емодзі-коди та front matter.

Як це виглядає

Зручно на будь-якому екрані

На комп’ютері — розділений вигляд із вкладками, на телефоні — компактний макет для однієї руки. Світла чи темна тема — вирішувати вам.

Markdown Preview Editor у темній темі: три вкладки, вихідний Markdown ліворуч і перегляд із таблицею, формулою та блок-схемою праворуч
Markdown Preview Editor у світлій темі з тим самим документом

Комп’ютер: вкладки, панель форматування, синхронний розділений вигляд.

Markdown Preview Editor на телефоні: редактор угорі, перегляд унизу
Markdown Preview Editor на телефоні: редактор угорі, перегляд унизу

Телефон: режими перемикаються одним дотиком.

Відкрити повний редактор

Просто за задумом

Ваші файли не залишають комп’ютер

Жоден сервер нічого не обробляє. Редактор — це набір статичних файлів, і все — відкриття, відображення, експорт — відбувається у вкладці вашого браузера.

  • Без акаунта. Відкрийте сторінку й почніть писати.
  • Без завантажень на сервер. Перетягнуті файли читаються локально.
  • Без стеження. Жодної аналітики, cookie чи реклами.
  • Ви вирішуєте, що завантажувати. Зовнішні зображення й посилання вимкнені, доки ви їх не дозволите.

Ваш .md-файлЗ диска, папки або буфера обміну

Відображається в браузеріMarkdown, формули й діаграми — на вашому пристрої

Зберігається, де ви скажете.md, HTML або PDF — одразу на ваш комп’ютер

Власний хостинг

Свій редактор за три кроки

1

Завантажте

Візьміть готовий архів сайту з останнього релізу — zip або tar.gz зі статичними файлами.

2

Вивантажте

Розпакуйте його в папку домену чи піддомену через файловий менеджер хостингу або FTP. Доданий .htaccess налаштує HTTPS і кешування.

3

Пишіть

Відкрийте свій домен. От і все — редактор для вас і вашої команди на вашій власній адресі.

Docker nginx Caddy Локально
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.

5 хв читання · Читати → Інструкція

Як переглядати Markdown онлайн, не завантажуючи файли

Найпростіші способи переглядати Markdown онлайн у режимі «поруч»: які функції важливі й як відкривати файли та папки просто з комп’ютера, без завантаження.

4 хв читання · Читати → Урок

Як писати математичні формули в Markdown (LaTeX і KaTeX)

Формули в Markdown із синтаксисом LaTeX: дроби, корені, суми, матриці, вирівняні рівняння й типові помилки — з прикладами, що працюють на GitHub і в KaTeX.

4 хв читання · Читати → Урок

Діаграми Mermaid у Markdown: блок-схеми, діаграми послідовностей та інше

Малюйте блок-схеми, діаграми послідовностей, Ганта, станів і кругові діаграми просто в Markdown із Mermaid. Готові приклади й поради щодо читабельності.

4 хв читання · Читати → Інструкція

Як конвертувати Markdown у HTML і PDF: 4 прості способи

Чотири способи конвертувати Markdown у HTML чи PDF — від експорту в браузері в один клік до Pandoc і VS Code, плюс поради щодо розривів сторінок і зображень.

4 хв читання · Читати → Хостинг

Як розмістити Markdown-редактор на власному хостингу, у Docker чи nginx

Власний Markdown-редактор із живим переглядом за кілька хвилин. Покрокові інструкції для хостингу з cPanel, Docker, nginx і Caddy — без бази даних і бекенду.

4 хв читання · Читати →

Усі статті

Сподобалося? Поставте зірку.

Markdown Preview Editor створюється у вільний час і поширюється безкоштовно. Зірка на GitHub допомагає іншим знайти проєкт — і показує нам, що варто продовжувати.

Зірка на GitHub Спробувати онлайн