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

Цей 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 із розширеннями GitHub Flavored Markdown (обидва англійською), які додають таблиці, списки завдань, закреслення й автоматичні посилання. Заголовки отримують якорі, як на GitHub, тож на ## План випуску можна послатися як на #план-випуску, а клік на таке посилання прокручує перегляд до заголовка. Виноски, записані як [^1], нумеруються в порядку першої згадки й перелічуються в кінці.

Текстове поле використовує перевірку правопису вашого браузера, тож слова з помилками підкреслюються під час письма. Під редактором видно кількість слів і символів та час читання. Підрахунок не враховує синтаксис Markdown, тож у заголовку, позначеному ##, рахуються лише його слова. Щоб порахувати ще й речення та абзаци, вставте текст у лічильник слів і символів.

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

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

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

• Заголовок по черзі перетворює поточний рядок на #, ##, ### і знову на звичайний текст.
• Посилання перетворює виділені слова на [слова](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)	посилання
	зображення
- пункт або 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 з уже вставленим текстом.

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

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

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

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

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

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

Він дотримується CommonMark (англійською), стандарту, якого дотримується більшість інструментів для 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 (докладніше у Вікіпедії). Розробники пишуть у ньому файли README і документацію, автори використовують його для нотаток і чернеток, а чат-боти зі штучним інтелектом відповідають саме в Markdown, тому їхні відповіді, вставлені деінде, повні зірочок і знаків решітки.

Більше інструментів для тексту є в категорії Текст: порівняйте дві версії документа, щоб побачити, що змінилося, або змініть регістр заголовків одним махом. Розробники знайдуть JSON Formatter і валідатор та інші інструменти в категорії Розробники.