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

Как устроена страница

Слева поле разметки, справа предпросмотр, между ними синхронная прокрутка. Кнопки над полем ставят заголовки, выделение, списки, ссылки и таблицу. Полужирный, курсив и ссылка есть и на клавишах: Ctrl+B, Ctrl+I, Ctrl+K.

Под полями считаются слова, знаки, строки и время чтения. Если заголовков больше одного, из них собирается оглавление со ссылками на разделы.

Чужой файл открывать безопасно

Markdown по определению разрешает любой HTML внутри текста. Значит, файл от подрядчика или README из чужого репозитория может принести с собой скрипт, обработчик события или ссылку вида javascript:, и в обычном предпросмотре всё это выполнится.

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

Подвохи разметки

Markdown прощает многое, но несколько ошибок повторяются из текста в текст, и результат расходится с задуманным. Мы их называем:

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

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

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

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

Разбор разметки идёт на вашей стороне, на сервер ничего не уходит. Черновик не сохраняется: закрыли вкладку — текста нет ни здесь, ни где-либо ещё. Скопировать можно и разметку, и готовый HTML.