DevToolPal
UK

Попередній перегляд Markdown

Пишіть Markdown і одразу бачте результат з GitHub Flavored Markdown, а потім копіюйте HTML.

Працює локально, нічого не завантажується на сервер

Параметри

Показати

Markdown

0 симв. · 0 B

Перегляд

Тут з’явиться результат

Що робить цей інструмент

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

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

Як користуватися

  1. Введіть або вставте Markdown у поле вводу, перетягніть на нього файл .md або натисніть Приклад.
  2. Перегляд оновлюється під час набору. Рядок над ним показує кількість слів, заголовків і посилань.
  3. Виберіть Перегляд, щоб побачити відрендерену сторінку, або HTML, щоб побачити розмітку.
  4. Натисніть Копіювати HTML, щоб вставити результат у CMS чи лист, або Зберегти HTML, щоб отримати окремий файл.

Шпаргалка з Markdown

Ви пишетеВи отримуєте
# TitleЗаголовок першого рівня (## для другого рівня, аж до ######)
**bold** і _italic_жирний і курсив
[text](https://example.com)Посилання
![alt](image.png)Зображення
- item або 1. itemМаркований або нумерований список
- [ ] todoПрапорець списку завдань (GFM)
`code`Вбудований код
```js в окремому рядкуОгороджений блок коду із зазначенням мови
> quoteБлокова цитата
---Горизонтальна лінія

Таблиці створюються вертикальними рисками й рядком-розділювачем: | a | b |, а за ним | --- | --- |. Таблиці — це розширення GitHub Flavored Markdown, а не частина CommonMark, тому вони відображаються, лише коли ввімкнено GitHub Flavored Markdown; якщо його вимкнути, вони показуються як звичайний текст із вертикальними рисками.

Приклад

## Highlights

- [x] Tables and task lists
- ~~Old API~~ removed

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

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

› Який синтаксис Markdown підтримується?

CommonMark плюс GitHub Flavored Markdown: таблиці, списки завдань, закреслений текст, огороджені блоки коду та автоматичні посилання. Вимкніть GFM, щоб побачити, як ваш текст покаже суворий рендерер CommonMark.

› Чи безпечно вставляти Markdown, що містить HTML?

Так. Markdown дозволяє «сирий» HTML, тому перегляд показується в ізольованому фреймі (sandbox), де скрипти не виконуються. HTML, який ви копіюєте, не очищується, тож перед публікацією неперевіреного вмісту на власному сайті очистьте його.

› Чому одиночний перенос рядка не починає новий рядок?

У стандартному Markdown одиночний перенос рядка вважається пробілом, а порожній рядок починає новий абзац. Увімкніть «Перенос рядка стає <br>», щоб кожен перенос відображався як розрив рядка, як це робить GitHub у коментарях.

› Чи зберігається мій текст?

Останнє введення зберігається в локальному сховищі цього браузера, тож воно не зникне після перезавантаження сторінки. Воно ніколи не вивантажується на сервер; очистити його можна кнопкою «Очистити».