Редактор і конвертер Markdown

Що таке Редактор і конвертер Markdown?

Редактор і конвертер Markdown — це безкоштовний двосторонній інструмент для Markdown і HTML, який працює повністю у вашому браузері. Перемикайтеся між Markdown у HTML та HTML у Markdown одним перемикачем. У режимі Markdown у HTML він розбирає Markdown у стилі GitHub — заголовки, напівжирний і курсив, посилання, списки, таблиці, цитати та блоки коду в огорожі — і показує поруч дві речі: попередній перегляд, відрендерений у реальному часі, і згенерований вихідний код HTML, який можна скопіювати одним кліком. HTML завжди проходить через DOMPurify перед показом, тож будь-які скрипти чи небезпечна розмітка вилучаються. У режимі HTML у Markdown він бере вставлений HTML і перетворює його назад на охайний Markdown, використовуючи заголовки у стилі ATX і блоки коду в огорожі. Письменники, розробники та контент-редактори використовують його, щоб укладати файли README, готувати дописи в блозі, очищати HTML, вставлений із CMS, і переносити текст між Markdown і HTML без втрати форматування.

Як користуватися Редактор і конвертер Markdown

1. Виберіть напрямок перемикачем: Markdown у HTML або HTML у Markdown.
2. Вставте або введіть ваше джерело в поле введення.
3. У режимі Markdown у HTML спостерігайте, як відрендерений попередній перегляд оновлюється в реальному часі під полем введення.
4. Прочитайте перетворений результат у полі виведення — вихідний код HTML під час перетворення з Markdown, Markdown під час перетворення з HTML.
5. Натисніть кнопку копіювання в полі виведення, щоб отримати результат, або натисніть Очистити, щоб спорожнити поле введення.

Приклади

# Title

Some **bold** text.

<h1>Title</h1>
<p>Some <strong>bold</strong> text.</p>

- one
- two

<ul>
<li>one</li>
<li>two</li>
</ul>

<h2>Notes</h2><p>A <a href="https://x.com">link</a>.</p>

## Notes

A [link](https://x.com).

Поширені запитання

Чи завантажується мій текст на сервер?

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

Чи безпечно використовувати згенерований HTML?

Так. Кожен фрагмент HTML проходить через DOMPurify перед показом у попередньому перегляді або виведенні, що вилучає скрипти, обробники подій та іншу небезпечну розмітку. І живий попередній перегляд, і копійований вихідний код HTML очищені.

Які можливості Markdown підтримуються?

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

Чому живий попередній перегляд не показується в режимі HTML у Markdown?

Живий попередній перегляд відрендеровує Markdown як HTML, тож він зʼявляється лише в режимі Markdown у HTML. У режимі HTML у Markdown перетворений текст Markdown натомість зʼявляється в полі виведення.

Чи оновлюється виведення автоматично?

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