Markdown в HTML

Переведите подмножество Markdown в HTML и посмотрите предпросмотр. Именованные ссылки на символы — HTML в Markdown · сущности HTML

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

Что преобразуется

Страница переводит подмножество Markdown в HTML и показывает предпросмотр рядом с исходником. Преобразование идёт в браузере. Именованные ссылки на символы — на странице сущности HTML. Другое направление — HTML в Markdown.

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

  1. Пишите Markdown. Предпросмотр и поле HTML обновляются по мере ввода.
  2. Преобразовать делает то же преобразование один раз.
  3. Показать пример загружает заметку с заголовком Notes, абзац с bold и встроенным кодом, маркированный список alpha и beta, нумерованный список one и two, цитату, ссылку на https://example.com и горизонтальную линию.
  4. HTML этого примера содержит <h1>Notes</h1>, <strong>bold</strong>, <code>code</code>, ul, ol, blockquote, ссылку и <hr>.
  5. Очистить всё опустошает Markdown, предпросмотр и HTML. Копировать результат копирует HTML.

Markdown, который читает страница

Заголовки ATX используют от одного до шести символов #. Пустые строки разделяют абзацы. **bold** и __bold__ — это strong. *italic* и _italic_ — это emphasis. Встроенный код использует обратные кавычки. Огороженный блок использует три обратные кавычки. Ссылки — это [text](url), изображения — ![alt](url). Маркеры начинаются с - или *. Нумерованные пункты начинаются с цифр и точки. Цитаты начинаются с >. Линия — это строка из ---, *** или ___.

Таблица — это строка заголовка, строка-разделитель из дефисов и строки тела, ячейки делятся |. Символы, с которых начался бы HTML, экранируются, поэтому сырой <script> остаётся текстом. Списки задач, зачёркивание и сноски остаются обычным текстом.

Где это нужно

  • Посмотреть, как будет выглядеть фрагмент README.
  • Скопировать небольшой фрагмент HTML на страницу.
  • Превратить таблицу с вертикальными чертами в элемент table.

Вопросы

Почему сырой тег виден как текст?

Страница сначала экранирует HTML, затем применяет известный ей Markdown.

Можно ли сделать PDF?

Вывод — это HTML. Печать или PDF — отдельный шаг.