Markdown онлайн-редактор

Слева разметка, справа то, что из неё получается. Панель сверху ставит разметку за вас: выделите слово и нажмите «Ж» — оно станет полужирным. Работают и привычные сочетания клавиш: Ctrl+B, Ctrl+I, Ctrl+K.

Заголовки, списки и цитата ставятся на все выбранные строки сразу. Повторное нажатие снимает разметку.

Предпросмотр показывает только безопасную разметку

Markdown разрешает вставлять HTML прямо в текст, и в чужом файле этот HTML может оказаться каким угодно. Строка вида <img src=x onerror=…> или ссылка javascript: выполняет код у того, кто открыл предпросмотр.

Поэтому готовая разметка разбирается в дерево, и в предпросмотр попадают только теги, свойства и виды адресов из заранее составленного списка. Что именно вырезано, написано в разборе под редактором. Сама разметка слева при этом не меняется — правки вносите вы, а не мы.

Разбор спорных мест

Markdown устроен так, что почти любая запись что-нибудь да означает, и ошибка выглядит как обычный текст. Разбор называет такие места:

• решётка без пробела: заголовком считается только «# Текст»;
• незакрытый блок кода — весь остаток текста уходит внутрь него;
• список сразу после абзаца: часть движков требует пустую строку перед первым пунктом;
• разные значки пунктов в одном списке — где-то это разорвёт список надвое;
• таблица, где в строке больше или меньше столбцов, чем в шапке;
• заголовки, перепрыгивающие через уровень;
• два пробела в конце строки: перенос есть, а увидеть его нельзя;
• запись «[текст] (адрес)» с пробелом между скобками — это не ссылка.

Русская типографика

Кнопка «Типографика» правит разметку по правилам русского набора: прямые кавычки становятся ёлочками, вложенные — лапками, дефис между словами превращается в тире, три точки в многоточие. Короткие предлоги и союзы получают неразрывный пробел, чтобы не оставаться в конце строки.

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

Что поддерживает разметка

Заголовки шести уровней, полужирный, курсив, зачёркнутый текст, код в строке и блоком, цитаты, горизонтальные линии, ссылки и картинки — в том числе по имени. Из расширенного набора: таблицы с выравниванием столбцов, списки задач с отметками, вложенные списки.

Заголовки собираются в оглавление: щелчок по строке перематывает предпросмотр к нужному разделу.

Текст остаётся в браузере

На сервер ничего не уходит, и в браузере ничего не сохраняется. Закрыли вкладку — текста нет нигде. Готовое можно забрать двумя кнопками: разметкой или готовым HTML.