Мои инструменты

Редактор Markdown

Набирайте слева, читайте готовую страницу справа — без кнопок и без отправки на сервер.

MarkdownПредпросмотр

Здесь появится отрисованная страница.

Как пользоваться

  1. Наберите или вставьте Markdown в левое поле — предпросмотр справа обновляется по мере ввода. Кнопки «Отрисовать» нет.
  2. «Один перевод строки = новая строка» здесь по умолчанию выключено: одиночный перевод считается пробелом, как требует CommonMark. Включайте, если каждый перевод строки должен завершать строку.
  3. Скопируйте HTML для CMS или блога либо скачайте файл .md / .html. Все три результата получаются из того же разбора, что и предпросмотр.

Пример

Ввод (Markdown)

## Только локально

**Жирный**, `код`, и [ссылка](https://example.com).

- ничего не загружается

| Формат | Байты |
| --- | ---: |
| .md | 128 |

Вывод (HTML, как при копировании)

<h2 dir="auto">Только локально</h2>
<p dir="auto"><strong>Жирный</strong>, <code>код</code>, и <a href="https://example.com" target="_blank" rel="noopener noreferrer nofollow">ссылка</a>.</p>
<ul><li dir="auto">ничего не загружается</li></ul>
<table><thead><tr><th dir="auto">Формат</th><th dir="auto" class="md-align-end">Байты</th></tr></thead><tbody><tr><td dir="auto">.md</td><td dir="auto" class="md-align-end">128</td></tr></tbody></table>

HTML выше — ровно то, что «Копировать HTML» кладёт в буфер обмена: тот же разбор питает предпросмотр, а текст экранируется, а не внедряется.

Правила, ограничения и известные проблемы

  • Поддерживается: заголовки (# и ===), абзацы, жирный / курсив / зачёркивание, встроенный код, блоки кода в ограждении, ссылки, изображения, цитаты, упорядоченные, неупорядоченные и чек-листы, таблицы GFM, горизонтальные линейки и автоссылки.
  • Не поддерживается: блоки кода с отступом в 4 пробела, ссылки в справочном стиле, сноски, списки определений, сырые HTML-блоки, HTML-сущности, математика (KaTeX), диаграммы Mermaid, шорткоды эмодзи, подсветка синтаксиса, оглавления и синхронная прокрутка.
  • Сырой HTML никогда не исполняется: <div>, <script> и <img onerror=…> показываются буквальным текстом. Поэтому готовый HTML-фрагмент здесь не отрисовать.
  • Ссылки сохраняют только http, https, mailto, tel и якоря #; URL с javascript:, data: и vbscript: отбрасываются, а текст ссылки остаётся. Изображения принимают только http/https.
  • Удалённые изображения загружает ваш браузер и отправляет запрос по этому адресу (без referrer). Если сам URL изображения чувствителен, не добавляйте его в документ.
  • Это практичное подмножество, а не полный CommonMark/GFM: глубокая вложенность, «|» внутри кодового фрагмента в таблице, отступы списков и многострочные заголовки Setext могут отрисоваться иначе, чем на GitHub.
  • Вложенность ограничена 8 уровнями (цитаты, списки, встроенные элементы); более глубокое содержимое показывается простым текстом, чтобы враждебный ввод не подвесил страницу.
  • Реальное время до 100 000 символов; дальше предпросмотр обновляется примерно через 0,5 с после того, как вы закончите ввод. Ничего не обрезается.
  • Экспортированный .html — самодостаточная статическая страница с простой типографикой и без подсветки синтаксиса, а не макет для печати/PDF. Экспорта в PDF или Word нет.
  • Ничего не сохраняется: ни аккаунта, ни черновика, ни истории, ни параметров URL. При закрытии вкладки текст теряется.

Что обычно нужно дальше, когда Markdown написан.

Счётчик символов и слов

Очистка текста