TEXT.04 MARKDOWN PREVIEW

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

Быстрые форматы находятся рядом с исходным редактором; предпросмотр, HTML и обычный текст используют общую панель результата.

MARKDOWN

Исходник

Разбор Marked + очистка DOMPurify · ничего не отправляется и не сохраняется

OUTPUT

Результат в реальном времени

Синхронизировать прокрутку исходника

§ 01

От исходника Markdown к результату в двух панелях

Введите или откройте файл

Пишите, вставляйте или открывайте локальный файл Markdown либо текста. Быстрые форматы добавляют обычный синтаксис вокруг выбранного фрагмента.

Выберите тип результата

Предпросмотр проверяет оформление, HTML подходит для CMS и веб-страниц, а обычный текст извлекает читаемое содержимое. Всё создаётся из одного очищенного результата.

Скопируйте или скачайте

Кнопки справа работают с активной вкладкой: предпросмотр скачивает полный HTML-документ, HTML — фрагмент, обычный текст — текст.

§ 02

Предпросмотр помогает найти ошибки до публикации

Исходник Markdown читается легко, но выравнивание таблиц, вложенные списки, блоки кода и ссылки проще проверять после рендеринга. Разделённый экран показывает изменение и результат рядом.

Страница поддерживает GitHub Flavored Markdown с таблицами, списками задач, зачёркиванием и автоссылками. Исходный HTML проходит через DOMPurify, поэтому скрипты, опасные атрибуты и небезопасные протоколы не попадают в предпросмотр.

§ 03

Распространённый синтаксис Markdown

Назначение

Синтаксис

Результат

Заголовок

# Заголовок

Уровень один; дополнительные решётки понижают уровень

Выделение

**жирный** и *курсив*

Выделенные слова

Ссылка

[текст](адрес)

Ссылка, по которой можно нажать

Цитата

> текст цитаты

Блок цитаты

Код

Три обратных кавычки вокруг

Блок кода с сохранением формата

Задача

- [ ] дело

Список задач GFM

Таблица

Вертикальные черты между столбцами

Таблица GFM

§ 04

Разбор Markdown и безопасность HTML — разные задачи

Парсер Markdown преобразует синтаксис в HTML, но сам по себе не делает произвольный ввод безопасным. Перед вставкой результата в DOM страница использует отдельный очиститель.

Содержимое редактора существует только в памяти текущей страницы. Автосохранения и истории нет; после обновления восстанавливается пример, поэтому для сохранения скачайте Markdown или скопируйте результат.

§ 05

Частые вопросы

Q1Какой синтаксис Markdown поддерживается?

Обычный Markdown, таблицы GFM, списки задач, зачёркивание, автоссылки, блоки кода в ограждении и очищенное подмножество исходного HTML.

Q2Зачем очищать отрендеренный HTML?

Markdown может содержать исходный HTML. DOMPurify удаляет скрипты, обработчики событий и опасные URL, чтобы в предпросмотре не выполнялся ненадёжный код.

Q3Содержимое сохраняется автоматически?

Нет. Страница не использует LocalStorage и историю. После обновления восстанавливается пример; скопируйте или скачайте нужное.

Q4Чем отличаются Предпросмотр, HTML и обычный текст?

Предпросмотр показывает итоговое оформление, HTML — очищенный фрагмент разметки, а обычный текст извлекает читаемые слова из результата.

Q5Можно открыть локальный Markdown-файл?

Да. FileReader читает его локально без отправки, а файл также можно перетащить в исходный редактор.