Текст
Markdown Preview / HTML ↔ Markdown
Живий перегляд Markdown як відформатованого HTML, а також конвертація в обидва боки: Markdown → HTML і HTML → Markdown.
Markdown — легка розмітка для форматування тексту простими символами (**жирний**, # заголовок, - список), яку читабельно навіть без рендерингу. Інструмент показує живий перегляд Markdown як HTML і конвертує в обидва боки.
Як користуватися
- Перегляд: пишіть Markdown зліва — відформатований результат одразу з’являється справа.
- Markdown → HTML: отримайте готовий HTML-код для вставки на сторінку чи в email-шаблон.
- HTML → Markdown: вставте HTML-розмітку, щоб отримати її Markdown-еквівалент — зручно для перенесення контенту в README чи CMS на Markdown.
Типові сценарії
- Написання README.md для GitHub-репозиторію з попереднім переглядом форматування.
- Підготовка тексту для CMS чи документації, що приймає Markdown.
- Швидке перетворення скопійованого з сайту HTML у чистий Markdown для нотаток.
Що варто памʼятати
Різні платформи (GitHub, GitLab, Discord) підтримують дещо різні розширення Markdown (таблиці, закреслення, чекбокси) — базовий синтаксис однаковий скрізь.
Конвертація HTML → Markdown втрачає можливості, яких немає в Markdown: складну верстку, inline-стилі, вкладені елементи.
Стаття про цей інструмент: Markdown: чому простий текстовий синтаксис переміг складні редактори
Часті запитання
Які конвертації пропонуються?
Доступні три режими: живий перегляд Markdown, відрендерений як відформатований HTML, явна конвертація Markdown → HTML та зворотна конвертація HTML → Markdown.
Який движок рендерингу Markdown використовується?
Це простий клієнтський рендеринг Markdown на JavaScript, не пов'язаний із жодним конкретним серверним шаблонізатором на кшталт Blade чи Twig; результат відображає стандартний Markdown, а не специфічний для фреймворку синтаксис.
Чи надсилається мій вміст Markdown чи HTML на сервер?
Ні, конвертація й перегляд повністю відбуваються в браузері, жоден вміст не передається онлайн.
Чому той самий файл виглядає по-різному в різних застосунках?
Оригінальний Markdown не визначає таблиці, закреслений текст чи підсвітку синтаксису в блоках коду — це розширення різних реалізацій. GitHub Flavored Markdown і специфікація CommonMark по-різному трактують деякі неоднозначні випадки, тому рендеринг того самого файлу може відрізнятися залежно від парсера.
Що втрачається при конвертації складного HTML у Markdown?
HTML підтримує значно більше можливостей форматування, ніж базовий Markdown, тому складні таблиці, вкладені стилі чи нестандартна розмітка можуть спрощуватися або губитися при зворотній конвертації.