Utilia
Категорії ▾
Мова: uk ▾

Редактор Markdown із попереднім переглядом

Пишіть у Markdown із безпечним переглядом наживо, таблицями й списками завдань GFM, підрахунком слів, автозбереженням і експортом у .md чи окремий .html.

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

Слів
0
Символів
0
Час читання
0 min

Як користуватися редактором Markdown

  1. Напишіть або вставте текст Markdown у поле Markdown. Попередній перегляд поруч (на телефоні – під ним) оновлюється під час введення.
  2. Користуйтеся кнопками Форматування (Напівжирний, Курсив, Заголовок, Посилання, Список, Цитата, Код), щоб обгорнути виділений текст, або натисніть Ctrl+B / Ctrl+I (⌘B / ⌘I на Mac).
  3. Залишайте позначеним GitHub Flavored Markdown (таблиці, списки завдань, ~~закреслення~~, автопосилання) для синтаксису, що використовується на GitHub, або зніміть позначку для звичайного Markdown у стилі CommonMark.
  4. Закінчивши, натисніть Копіювати HTML, щоб вставити HTML у CMS чи шаблон листа, Завантажити .md, щоб зберегти вихідний Markdown, або Завантажити .html, щоб отримати повну вебсторінку.

Лічильники під редактором показують Слів і Символів вашого документа та орієнтовний Час читання за 200 слів на хвилину. Слова рахуються у відтвореному тексті, тож символи Markdown на кшталт # чи ** не завищують підрахунок. Редактор повністю підтримує кирилицю, тож українські тексти, заголовки й посилання працюють без обмежень.

Автозбереження у вашому браузері

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

Шпаргалка з Markdown

  • Заголовки: # Назва, ## Розділ, ### Підрозділ
  • Виділення: **напівжирний**, _курсив_, ~~закреслення~~ (GFM)
  • Посилання: [текст](https://example.com); у GFM голі URL-адреси теж стають посиланнями
  • Зображення: ![опис](data:image/png;base64,…)
  • Списки: - пункт або 1. пункт; списки завдань за допомогою - [ ] і - [x] (GFM)
  • Цитати: > цитований текст
  • Код: `рядковий` або блок між двома рядками з трьох зворотних апострофів
  • Таблиці (GFM): рядок заголовка, рядок | --- | --- |, потім по одному рядку на запис

Безпека перегляду та експорту

Markdown може містити «сирий» HTML, у якому можуть ховатися скрипти. Щоразу, коли оновлюється попередній перегляд, HTML, створений рушієм Markdown, очищується за допомогою DOMPurify, перш ніж відобразитися: скрипти, обробники подій на кшталт onclick, посилання javascript:, вбудовані стилі, форми, фрейми та вбудовані медіа видаляються. Посилання відкриваються в новій вкладці. Той самий очищений HTML використовують Копіювати HTML і Завантажити .html, тож його можна впевнено вставляти на інші сторінки.

Попередній перегляд показує лише зображення, вбудовані як URL data: або blob:. Віддалені зображення, як-от https://…/photo.jpg, ніколи не завантажуються: політика безпеки цієї сторінки блокує їх, і це також означає, що перегляд не можна використати для стеження за вами. Інструмент повідомляє, скільки зображень він не зміг показати. Markdown, який ви завантажуєте, зберігає початкові посилання на зображення, тож вони працюватимуть там, де ви його опублікуєте.

Файл .html – це окрема сторінка з невеликою вбудованою таблицею стилів (читабельні шрифти, таблиці, блоки коду й темний режим). Її заголовок береться з першого заголовка вашого документа, який також дає назву завантажуваним файлам.

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

Що таке GitHub Flavored Markdown?

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

Чи можна використовувати HTML усередині Markdown?

Так, простий HTML на кшталт <details>, <sup> чи <kbd> працює. Усе небезпечне видаляється, так само як стилі й медіатеги.

Чому моє зображення не з’являється?

У перегляді показуються лише зображення data: і blob:; віддалені зображення блокуються. Посилання залишається у вашому Markdown і працює після публікації.

Чи є мій документ приватним?

Так. Відтворення, експорт і автозбереження відбуваються у вашому браузері. Чернетка зберігається лише на цьому пристрої, а автозбереження можна вимкнути будь-коли.

Який рушій Markdown використовується?

Інструмент використовує marked – швидкий і широко вживаний парсер Markdown, а також DOMPurify для очищення HTML. Обидва завантажуються лише під час запуску редактора.

Схожі інструменти