# Markdown-редактор онлайн

> Markdown-редактор онлайн із переглядом поруч. Панель інструментів, комбінації клавіш, таблиці, списки завдань, виноски, вставлення з Word і збереження в PDF.

URL: https://acrafto.com/uk/markdown-redaktor-onlain/  
Updated: 2026-10-09

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

Цей Markdown-редактор онлайн показує ваш текст ліворуч, а відформатований результат праворуч, і перегляд оновлюється з кожним натисканням клавіші. Він розуміє Markdown, яким користуються на GitHub, у файлах README, вікі та застосунках для нотаток на кшталт Obsidian: заголовки, списки, списки завдань, таблиці, код, цитати, посилання, зображення й виноски. Обліковий запис не потрібен, і нічого з того, що ви вводите, нікуди не надсилається.

## Як користуватися Markdown-редактором онлайн

1. Введіть або вставте Markdown у ліве поле чи відкрийте файл .md кнопкою відкриття файлу на панелі інструментів. Файл також можна перетягнути в будь-яке місце редактора.
2. Стежте за переглядом праворуч. **Синхронне прокручування** показує в обох панелях те саме місце документа, яку б із них ви не прокручували.
3. Форматуйте текст за допомогою панелі інструментів або комбінацій клавіш, наприклад Ctrl+B для жирного шрифту та Ctrl+K для посилання.
4. Скопіюйте результат як Markdown, як HTML або з форматуванням чи завантажте його як файл .md, .pdf, .docx, .html або .txt.

Редактор відкривається з коротким прикладом «Нотатки до проєкту», у якому є всі поширені елементи, тож ви бачите синтаксис і його результат поруч, перш ніж писати власний текст.

## Markdown-редактор із переглядом у реальному часі

Над редактором є три режими вигляду. **Поруч** показує Markdown і перегляд у двох сусідніх колонках, **Редагування** віддає всю ширину тексту, а **Перегляд** показує лише результат і слугує простим переглядачем Markdown для файлу, який вам хтось надіслав. На телефоні редактор перемикається між режимами **Редагування** і **Перегляд**, бо дві колонки були б надто вузькими для читання.

Перегляд відображається так само, як Markdown на GitHub: [CommonMark](https://commonmark.org/) із розширеннями [GitHub Flavored Markdown](https://github.github.com/gfm/) (обидва англійською), які додають таблиці, списки завдань, закреслення й автоматичні посилання. Заголовки отримують якорі, як на GitHub, тож на `## План випуску` можна послатися як на `#план-випуску`, а клік на таке посилання прокручує перегляд до заголовка. Виноски, записані як `[^1]`, нумеруються в порядку першої згадки й перелічуються в кінці.

Текстове поле використовує перевірку правопису вашого браузера, тож слова з помилками підкреслюються під час письма. Під редактором видно кількість слів і символів та час читання. Підрахунок не враховує синтаксис Markdown, тож у заголовку, позначеному `##`, рахуються лише його слова. Щоб порахувати ще й речення та абзаци, вставте текст у [лічильник слів і символів](https://acrafto.com/uk/lichylnyk-symvoliv-sliv-normostorinok/).

## Панель інструментів і комбінації клавіш

Панель інструментів охоплює все, що потрібно для типового документа: **Заголовок**, **Жирний**, **Курсив**, **Закреслений**, **Код у рядку**, **Посилання**, **Зображення**, **Цитата**, **Блок коду**, **Маркований список**, **Нумерований список**, **Список завдань**, **Таблиця** і **Горизонтальна лінія**. Спершу виділіть текст, і кнопка обгорне його; натисніть ту саму кнопку ще раз, і позначки зникнуть. Без виділення кнопка вставляє короткий текст-заповнювач, який уже виділено, тож ви просто вводите поверх нього.

Кілька деталей заощаджують час:

- **Заголовок** по черзі перетворює поточний рядок на `#`, `##`, `###` і знову на звичайний текст.
- **Посилання** перетворює виділені слова на `[слова](https://)` і виділяє частину з адресою, щоб ви одразу вставили URL. Якщо ж виділити URL, він стане адресою.
- Кнопки списків і **Цитата** працюють з усіма виділеними рядками одночасно. Клік на **Нумерований список** у маркованому списку перетворює його на нумерований.
- Натисніть Enter у кінці пункту списку, і наступний пункт почнеться з правильної позначки. Номери зростають, нове завдання починається невідміченим, а Enter на порожньому пункті завершує список. Tab і Shift+Tab збільшують і зменшують відступ пунктів списку.
- Кожну зміну, зроблену кнопкою чи комбінацією клавіш, можна скасувати за допомогою Ctrl+Z.

Усі комбінації перелічено в розділі **Комбінації клавіш** під редактором. На Mac замість Ctrl використовується клавіша Command.

## Вставте текст із Word або Google Docs і отримайте Markdown

Коли ви вставляєте текст, скопійований із Word, Google Docs або вебсторінки, редактор перетворює його форматування на Markdown, а не відкидає його. Заголовки стають рядками з `#`, жирний текст і курсив отримують свої зірочки, посилання зберігають адреси, марковані й нумеровані списки (зокрема багаторівневі списки Word) стають списками Markdown, а таблиці стають таблицями Markdown, у яких перший рядок є заголовком. Це найшвидший спосіб перенести наявний документ у README або на сторінку вікі.

Якщо вам потрібен був лише текст без форматування, натисніть **Вставити як звичайний текст** у повідомленні, що зʼявляється після вставлення, або вставте текст за допомогою Ctrl+Shift+V. Код, скопійований із VS Code чи іншого редактора коду, і текст, який уже є Markdown, вставляються точно так, як є.

## Шпаргалка із синтаксису Markdown

Найпоширеніший синтаксис в одній таблиці. Введіть у редактор те, що в лівому стовпці, і в перегляді побачите те, що в правому.

| Ви вводите | Ви отримуєте |
| :--- | :--- |
| `# Заголовок`, `## Розділ`, `### Підрозділ` | Заголовки рівнів від 1 до 3 (до 6 з `######`) |
| `**жирний**` і `*курсив*` | **жирний** і *курсив* |
| `~~старе~~` | ~~старе~~ |
| `` `код` `` | `код` моноширинним шрифтом |
| `[текст](https://example.com)` | посилання |
| `![опис](https://example.com/photo.png)` | зображення |
| `- пункт` або `1. пункт` | маркований або нумерований список |
| `- [ ] завдання` і `- [x] готово` | список завдань із прапорцями |
| `> цитований текст` | цитата |
| три зворотні апострофи в рядку перед кодом і після нього | блок коду |
| `---` в окремому рядку | горизонтальна лінія |
| `текст[^1]` і `[^1]: примітка` | виноска |

Таблиця Markdown потребує рядка заголовка, роздільного рядка з дефісів, а потім по одному рядку на кожен рядок таблиці, де клітинки розділено знаком `|`. Двокрапка в роздільному рядку задає вирівнювання: `:--` вирівнює ліворуч, `:-:` по центру, а `--:` праворуч. Кнопка **Таблиця** вставляє готову таблицю з трьох стовпців, з якої можна почати. Клітинки не обовʼязково вирівнювати у вихідному тексті, але вирівняну таблицю згодом легше редагувати.

Markdown також приймає HTML для того, для чого не має власного синтаксису, наприклад `<kbd>Ctrl</kbd>` для клавіш, `<sub>` і `<sup>` для H₂O та x² або `<details>` для розділу, що розгортається кліком. Скрипти, стилі та форми з перегляду видаляються з міркувань безпеки.

## Копіювання з форматуванням або завантаження файлу

**Копіювати Markdown** копіює вихідний текст, **Копіювати HTML** копіює чистий HTML, готовий для вебсайту чи CMS, а **Копіювати з форматуванням** копіює відформатований результат. Вставте його в Google Docs, Word, Outlook або Gmail, і заголовки, жирний текст, списки, посилання й таблиці зʼявляться відформатованими, без жодних символів Markdown.

Кнопки **Завантажити** одним клацанням зберігають документ як Markdown, PDF, Word, HTML або звичайний текст, а імʼя файлу береться з назви у front matter або з першого заголовка. Вони мають практичні типові налаштування: папір A4 (Letter у США, Канаді, Мексиці та інших країнах, де він є стандартом), звичайні поля й текст розміром 11 пунктів. Щоб вибрати розмір сторінки, шрифти й поля, додати зміст або перетворити кілька файлів одночасно, скористайтеся кнопкою **Більше параметрів експорту**, яка відкриває [конвертер Markdown](https://acrafto.com/uk/konverter-markdown-u-pdf-word-html/) з уже вставленим текстом.

## Часті запитання

### Чи надсилається мій текст на сервер і чи зберігається він десь?

Ні. Перегляд, перетворення та завантаження відбуваються у вашому браузері, і текст ніколи не надсилається на сервер. Типово нічого й не зберігається, тож текст зникає, коли ви закриваєте вкладку. Якщо позначити **Зберігати чернетку в цьому браузері**, текст після кожної зміни зберігається у сховищі вашого власного браузера й повертається під час наступного відвідування. На спільному компʼютері зніміть цю позначку, і збережену чернетку також буде видалено.

### Як відкрити й переглянути файл .md онлайн?

Натисніть кнопку відкриття файлу на панелі інструментів або перетягніть файл у редактор, а потім перейдіть у режим **Перегляд**, щоб читати його як відформатований документ. Файли до 20 МБ у кодуванні UTF-8 або UTF-16 відкриваються напряму. Зображення у файлі показуються, якщо мають повну вебадресу; зображення, що зберігаються поруч із файлом на вашому компʼютері, вебсторінка завантажити не може.

### Який різновид Markdown використовує редактор?

Він дотримується [CommonMark](https://spec.commonmark.org/) (англійською), стандарту, якого дотримується більшість інструментів для Markdown, а також розширень GitHub: таблиць, списків завдань, закреслення, автоматичних посилань і виносок. Текст, написаний для GitHub, GitLab, Obsidian, Reddit чи Discord, виглядає тут так само, за винятком функцій, які ці сервіси додають понад стандарт, як-от згадки користувачів або вікіпосилання в Obsidian.

### Як перенести Markdown у Google Docs?

Натисніть **Копіювати з форматуванням** і вставте текст у документ. Заголовки, списки, посилання й таблиці зберігають форматування. Новіші версії Google Docs також уміють самі читати Markdown: коли підтримку Markdown увімкнено в налаштуваннях Google Docs, у меню редагування можна вставити текст як Markdown.

### Чи підтримує редактор діаграми Mermaid або математичні формули LaTeX?

Поки що ні. Блок Mermaid показується як звичайний блок коду, а формули, записані як `$...$`, залишаються звичайним текстом. Усе інше з GitHub Flavored Markdown підтримується.

### Що таке Markdown і хто ним користується?

Markdown є способом форматувати звичайний текст кількома символами. Його створив Джон Грубер у 2004 році, щоб документ залишався читабельним ще до перетворення на HTML ([докладніше у Вікіпедії](https://uk.wikipedia.org/wiki/Markdown)). Розробники пишуть у ньому файли README і документацію, автори використовують його для нотаток і чернеток, а чат-боти зі штучним інтелектом відповідають саме в Markdown, тому їхні відповіді, вставлені деінде, повні зірочок і знаків решітки.

Більше інструментів для тексту є в категорії [Текст](https://acrafto.com/uk/tekst/): [порівняйте дві версії](https://acrafto.com/uk/porivniaty-teksty-onlain/) документа, щоб побачити, що змінилося, або [змініть регістр](https://acrafto.com/uk/konverter-registru/) заголовків одним махом. Розробники знайдуть [JSON Formatter і валідатор](https://acrafto.com/uk/json-formatter-i-validator/) та інші інструменти в категорії [Розробники](https://acrafto.com/uk/rozrobnyky/).

## Other languages

- Čeština (cs): [Markdown editor](https://acrafto.com/cs/markdown-editor-online/) ([Markdown](https://acrafto.com/cs/markdown-editor-online/index.md))
- Slovenčina (sk): [Markdown editor](https://acrafto.com/sk/markdown-editor-online/) ([Markdown](https://acrafto.com/sk/markdown-editor-online/index.md))
- English (en): [Markdown Editor](https://acrafto.com/en/markdown-editor/) ([Markdown](https://acrafto.com/en/markdown-editor/index.md))
- Deutsch (de): [Markdown-Editor](https://acrafto.com/de/markdown-editor-online/) ([Markdown](https://acrafto.com/de/markdown-editor-online/index.md))
- Français (fr): [Éditeur Markdown](https://acrafto.com/fr/editeur-markdown-en-ligne/) ([Markdown](https://acrafto.com/fr/editeur-markdown-en-ligne/index.md))
- Español (es): [Editor de Markdown](https://acrafto.com/es/editor-markdown-online/) ([Markdown](https://acrafto.com/es/editor-markdown-online/index.md))
- Italiano (it): [Editor Markdown](https://acrafto.com/it/editor-markdown-online/) ([Markdown](https://acrafto.com/it/editor-markdown-online/index.md))
- Português (pt): [Editor Markdown](https://acrafto.com/pt/editor-markdown-online/) ([Markdown](https://acrafto.com/pt/editor-markdown-online/index.md))
- Nederlands (nl): [Markdown-editor](https://acrafto.com/nl/markdown-editor-online/) ([Markdown](https://acrafto.com/nl/markdown-editor-online/index.md))
- Polski (pl): [Edytor Markdown](https://acrafto.com/pl/edytor-markdown-online/) ([Markdown](https://acrafto.com/pl/edytor-markdown-online/index.md))
- Română (ro): [Editor Markdown](https://acrafto.com/ro/editor-markdown-online/) ([Markdown](https://acrafto.com/ro/editor-markdown-online/index.md))
- Magyar (hu): [Markdown-szerkesztő](https://acrafto.com/hu/markdown-szerkeszto-online/) ([Markdown](https://acrafto.com/hu/markdown-szerkeszto-online/index.md))
- Ελληνικά (el): [Markdown editor](https://acrafto.com/el/markdown-editor-online/) ([Markdown](https://acrafto.com/el/markdown-editor-online/index.md))
- Български (bg): [Markdown редактор](https://acrafto.com/bg/markdown-redaktor-onlayn/) ([Markdown](https://acrafto.com/bg/markdown-redaktor-onlayn/index.md))
- Hrvatski (hr): [Markdown editor](https://acrafto.com/hr/markdown-editor-online/) ([Markdown](https://acrafto.com/hr/markdown-editor-online/index.md))
- Slovenščina (sl): [Markdown editor](https://acrafto.com/sl/markdown-editor-online/) ([Markdown](https://acrafto.com/sl/markdown-editor-online/index.md))
- Eesti (et): [Markdowni redaktor](https://acrafto.com/et/markdown-editor-online/) ([Markdown](https://acrafto.com/et/markdown-editor-online/index.md))
- Latviešu (lv): [Markdown redaktors](https://acrafto.com/lv/markdown-editor-online/) ([Markdown](https://acrafto.com/lv/markdown-editor-online/index.md))
- Lietuvių (lt): [Markdown redaktorius](https://acrafto.com/lt/markdown-redaktorius-online/) ([Markdown](https://acrafto.com/lt/markdown-redaktorius-online/index.md))
- Svenska (sv): [Markdown editor](https://acrafto.com/sv/markdown-editor-online/) ([Markdown](https://acrafto.com/sv/markdown-editor-online/index.md))
- Dansk (da): [Markdown editor](https://acrafto.com/da/markdown-editor-online/) ([Markdown](https://acrafto.com/da/markdown-editor-online/index.md))
- Suomi (fi): [Markdown-editori](https://acrafto.com/fi/markdown-editor-online/) ([Markdown](https://acrafto.com/fi/markdown-editor-online/index.md))
- Norsk (no): [Markdown-editor](https://acrafto.com/no/markdown-editor-online/) ([Markdown](https://acrafto.com/no/markdown-editor-online/index.md))
- Русский (ru): [Редактор Markdown](https://acrafto.com/ru/redaktor-markdown-onlayn/) ([Markdown](https://acrafto.com/ru/redaktor-markdown-onlayn/index.md))
- Српски (sr): [Markdown editor](https://acrafto.com/sr/markdown-editor-online/) ([Markdown](https://acrafto.com/sr/markdown-editor-online/index.md))
- Македонски (mk): [Markdown уредувач](https://acrafto.com/mk/markdown-editor-onlajn/) ([Markdown](https://acrafto.com/mk/markdown-editor-onlajn/index.md))
- Bosanski (bs): [Markdown editor](https://acrafto.com/bs/markdown-editor-online/) ([Markdown](https://acrafto.com/bs/markdown-editor-online/index.md))
- Shqip (sq): [Editor Markdown](https://acrafto.com/sq/markdown-editor-online/) ([Markdown](https://acrafto.com/sq/markdown-editor-online/index.md))
- Türkçe (tr): [Markdown editörü](https://acrafto.com/tr/markdown-editor-online/) ([Markdown](https://acrafto.com/tr/markdown-editor-online/index.md))
- 日本語 (ja): [Markdownエディタ](https://acrafto.com/ja/markdown-editor-online/) ([Markdown](https://acrafto.com/ja/markdown-editor-online/index.md))
- 한국어 (ko): [마크다운 에디터](https://acrafto.com/ko/markdown-editor-online/) ([Markdown](https://acrafto.com/ko/markdown-editor-online/index.md))
- العربية (ar): [محرر Markdown](https://acrafto.com/ar/markdown-editor-online/) ([Markdown](https://acrafto.com/ar/markdown-editor-online/index.md))
- हिन्दी (hi): [Markdown एडिटर](https://acrafto.com/hi/markdown-editor-online/) ([Markdown](https://acrafto.com/hi/markdown-editor-online/index.md))
- Bahasa Indonesia (id): [Editor Markdown](https://acrafto.com/id/editor-markdown-online/) ([Markdown](https://acrafto.com/id/editor-markdown-online/index.md))
- Tiếng Việt (vi): [Trình soạn thảo Markdown](https://acrafto.com/vi/markdown-editor-online/) ([Markdown](https://acrafto.com/vi/markdown-editor-online/index.md))
- ไทย (th): [Markdown Editor ออนไลน์](https://acrafto.com/th/markdown-editor-online/) ([Markdown](https://acrafto.com/th/markdown-editor-online/index.md))
- עברית (he): [עורך Markdown](https://acrafto.com/he/markdown-editor-online/) ([Markdown](https://acrafto.com/he/markdown-editor-online/index.md))