Markdown редактор и предпросмотр

Редактор поддерживает совместимый с CommonMark Markdown плюс расширения GitHub Flavored Markdown (GFM): заголовки (# до ######), **жирный** / __жирный__, *курсив* / _курсив_, ~~зачеркнутый~~, [ссылки](url) и , немаркированные списки (- или *), маркированные списки (1. 2.), блоки кода с ограждением (```language), встроенный `код`, цитаты (>), таблицы (| col | col |), горизонтальные линии (---) и списки задач (- [x] / - [ ]). Панель форматирования вставляет правильный синтаксис для всего этого одним нажатием.

CommonMark — это стандартизированная спецификация Markdown (на commonmark.org), которая устраняет неоднозначности в оригинальной спецификации Markdown. GitHub Flavored Markdown (GFM) расширяет CommonMark следующими элементами: таблицы, зачеркивание (~~), списки задач (- [x]), автоссылки на URL и блоки кода с подсветкой синтаксиса. Этот редактор поддерживает оба варианта — все функции CommonMark работают, а расширения GFM (таблицы, зачеркивание, списки задач) также поддерживаются. Если вы пишете документацию для GitHub, у вас будет доступен полный набор функций.

Таблицы Markdown используют | (пайп) для разделения столбцов и - (дефисы) для строки разделителя заголовка. Пример:\n\n| Header 1 | Header 2 | Header 3 |\n|----------|----------|----------|\n| Cell 1 | Cell 2 | Cell 3 |\n| Cell 4 | Cell 5 | Cell 6 |\n\nВыравнивание: используйте двоеточия в строке разделителя: |:---| для левого, |:---:| для центра, |---:| для правого. Панель инструментов вставляет шаблон начальной таблицы. Трубы не обязательно должны быть идеально выровнены — парсер обрабатывает свободное форматирование.

Синтаксис изображений в Markdown выглядит так: . Для локально сохраненных изображений вам нужно разместить их где-нибудь (репозиторий GitHub, CDN, сервис хранения изображений) и использовать абсолютный URL. Для README на GitHub вы можете ссылаться на изображения в том же репозитории по относительному пути: . Для электронных писем или офлайн-документов можно встроить изображения, закодированные в Base64:  — сгенерируйте data URI с помощью инструмента Base64 на этом сайте. Кнопка Image на панели инструментов вставляет шаблон со значениями-заполнителями, которые вы можете заполнить.

Да, есть четыре варианта экспорта: Copy Markdown (в буфер обмена) — для вставки в GitHub, CMS или другой инструмент Markdown. Copy HTML (в буфер обмена) — отрендеренный HTML, готовый к вставке в редактор электронной почты или на сайт. Download .md — сохраняет исходный код Markdown как файл. Download .html — сохраняет автономный HTML-файл с отрендеренным содержимым. Экспорт в HTML включает базовые стили из предпросмотра и сразу доступен для просмотра в любом браузере.

Да. На десктопе редактор использует разделенный вид рядом. На планшетах и мобильных устройствах панели располагаются вертикально (редактор сверху, предпросмотр снизу). Кнопки панели инструментов работают на сенсорных экранах. Для длительных сессий написания текста на мобильных устройствах переключитесь в режим "Editor" (только ввод текста без предпросмотра), чтобы максимально увеличить область редактирования, а затем перейдите в режим "Preview" для просмотра отрендеренного результата.

Нет. Весь парсинг Markdown и рендеринг HTML происходит в вашем браузере с использованием JavaScript библиотеки Markdown. Ваш текст никогда не загружается никуда. Это делает его безопасным для создания черновиков конфиденциальных документов, проприетарной документации или любого контента, который вы бы не хотели отправлять сторонним сервисам.