Відкрити .md-файл онлайн: перегляд Markdown у браузері

Markdown-файли — це звичайний текст. Якщо відкрити такий файл у Блокноті чи редакторі коду, замість жирного тексту, заголовків і таблиць ви побачите зірочки, решітки й вертикальні риски. Переглядач Markdown перетворює цей текст на зручну для читання сторінку — так само, як GitHub показує README.

Markdown Preview Editor можна використовувати як безкоштовний онлайн-переглядач Markdown. Ви відкриваєте файл у браузері, перемикаєтеся в режим перегляду й читаєте. Нічого не треба встановлювати, акаунт не потрібен, а файл лишається на вашому комп’ютері.

Що таке .md-файл?

Файл із розширенням .md (іноді .markdown) — це текстовий документ, написаний у Markdown, простому синтаксисі форматування. # Назва стає заголовком, **жирний** — жирним, а кілька вертикальних рисок утворюють таблицю. .md-файли трапляються всюди: README на GitHub, документація, нотатки з Obsidian, експорт із чат-асистентів і баз знань.

Відкрити їх може будь-який текстовий редактор, але форматування покаже лише переглядач Markdown. Якщо хочете розібратися в самому синтаксисі, тримайте під рукою шпаргалку з Markdown.

Як відкрити .md-файл онлайн

1. Відкрийте редактор. Перейдіть в онлайн-редактор — він завантажується за секунду.
2. Додайте файл. Перетягніть .md-файл в область редактора або натисніть Відкрити (Ctrl+O, ⌘O на Mac). Можна відкрити й кілька файлів одразу чи цілу папку: кожен документ з’явиться в окремій вкладці.
3. Увімкніть режим перегляду. Натисніть Перегляд у заголовку, щоб читати документ на всю ширину. Режим Обидва (розділений екран) показує вихідний текст і результат поруч — зручно, якщо треба щось виправити.
4. За потреби збережіть або експортуйте. Збережіть файл як .md, експортуйте самостійну HTML-сторінку або надрукуйте в PDF.

Переглядач приймає файли .md, .markdown, .mdown, .mkd, .mkdn, .mdx і .txt.

Що показує переглядач

Переглядач підтримує GitHub-Flavored Markdown, тож документи виглядають майже так само, як на GitHub:

• заголовки, списки, посилання, цитати й горизонтальні лінії;
• таблиці з вирівнюванням стовпців і списки завдань із прапорцями;
• блоки коду з підсвічуванням синтаксису;
• виноски й попередження в стилі GitHub ([!NOTE], [!TIP], [!WARNING]);
• математичні формули в синтаксисі LaTeX;
• діаграми Mermaid — блок-схеми, діаграми послідовностей тощо.

Посилання між відкритими .md-файлами перемикають вкладки, тож папка з документацією читається як невеликий сайт.

Зображення й посилання

Відносні зображення на кшталт images/diagram.png показуються, якщо відкрити всю папку або перетягнути зображення разом із документом. Редактор знаходить шляхи серед файлів, які ви перетягнули.

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

Файл лишається на вашому пристрої

Багато онлайн-переглядачів завантажують файл на сервер, щоб його відобразити. Тут файл читає ваш браузер і показує прямо у вкладці — нікуди він не надсилається. Документи зберігаються лише доки відкрита вкладка, якщо ви не ввімкнете в налаштуваннях Запам’ятовувати документи в цьому браузері.

Тому переглядач добре підходить для внутрішньої документації, чернеток, договорів і всього, що не хочеться нікуди завантажувати.

Обмеження

• Це вебсторінка, тож її не можна призначити програмою за замовчуванням для .md-файлів у Windows чи macOS, щоб відкривати їх подвійним клацанням. Перетягніть файл на сторінку або натисніть Відкрити.
• Файли відкриваються лише з вашого пристрою. Щоб переглянути Markdown-файл із GitHub чи іншого сайту, спершу завантажте його або вставте його текст у редактор.
• Довгому документу з великою кількістю діаграм потрібно трохи більше часу на відображення, бо кожна діаграма малюється в браузері.

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