Редактор Markdown с живым предпросмотром - Экспорт в HTML
Редактор Markdown и предпросмотр
Сырой HTML в исходнике показывается в предпросмотре как текст, а ссылки javascript: и data: отключены.
Как писать в Markdown
Markdown — это простой текст с несколькими соглашениями о пунктуации: решётка для заголовка, звёздочки для выделения, дефис для пункта списка. Его понимают README, вики, трекеры задач и большинство приложений для заметок. Этот редактор отображает текст по мере набора, так что структура видна сразу, а по окончании выдаёт чистый HTML.
Шаги
- 1 Введите или вставьте Markdown в левое поле. Предпросмотр справа обновляется при каждом нажатии клавиши.
- 2 Используйте пример как шпаргалку: заголовки, жирный и курсив, списки, блок кода, таблица, цитата и ссылка — всё в нём есть.
- 3 Скопируйте HTML для CMS или шаблона либо скачайте документ как .md или как самостоятельный файл .html.
Синтаксис за минуту
Заголовки: # Заголовок, ## Раздел, ### Подраздел. Выделение: **жирный**, *курсив*, ~~зачёркнутый~~. Списки: начинайте строки с - или 1.; отступ в два пробела для вложенности. Ссылки: [текст](https://example.com); изображения: . Код в строке — в `обратных кавычках`; блок кода обрамляется тремя обратными кавычками, за которыми может идти название языка. Строка --- рисует разделитель, а строка, начинающаяся со знака «больше», — цитата.
Таблицы
Таблица — это строка заголовков, строка-разделитель и строки данных; ячейки разделены вертикальной чертой: | Название | Цена |. Разделитель состоит из дефисов, а двоеточие с любого края задаёт выравнивание — :--- слева, :---: по центру, ---: справа. Столбцы в исходнике не обязаны быть выровнены: отступы расставит рендерер.
Что содержит экспорт в HTML
Копировать HTML даёт только разметку содержимого — абзацы, заголовки, списки и таблицы — готовую для вставки в страницу со своими стилями. Скачать .html оборачивает эту разметку в полный документ с заголовком из вашего первого заголовка и небольшой таблицей стилей, чтобы файл читаемо открывался в любом браузере.
Почему сырой HTML не отображается
Стандартный Markdown пропускает HTML как есть — удобно, но любой вставленный документ становится способом запустить скрипты на странице. Этот предпросмотр вместо этого экранирует его: тег div или script в исходнике показывается как текст. Ссылки со схемами javascript: и data: отключены по той же причине. Экспортированный файл также свободен от внедрённого кода.