Пишите Markdown и просматривайте очищенный HTML. Подготовьте заголовки, ссылки, списки и выделения для статей и документации.
Как пользоваться
Введите Markdown и проверьте HTML и предпросмотр. Скопируйте или скачайте HTML. Исходный Markdown сохраните отдельно для редактирования.
Пример
## Заметки создаёт заголовок второго уровня, а **Важно** выделение жирным.
Вопросы и ответы
Почему исчезают некоторые элементы?
Опасная разметка удаляется, а просмотр блокирует скрипты и внешние ресурсы. Вывод HTML не является полноценным шаблоном сайта.
Связанные инструменты
Практическая задача
Следите и за исходником, и за выводом. Пустая строка разделяет абзацы, маркер заголовка меняет структуру. Ссылки и вложенные списки проверяйте в конечном движке.
Дополнительный вопрос
Предпросмотр загружает внешнее содержимое?
Оно ограничено. Отсутствующая внешняя картинка здесь не доказывает, что её адрес не работает на конечном сайте.
Детали для проверки результата
| Деталь | Пояснение |
|---|---|
| Исходник и отображение Markdown | Markdown задаёт структуру текстовыми маркерами заголовков, выделений и списков. Разные движки поддерживают разные расширения. Сложные таблицы и макет проверьте в конечном редакторе. |
| HTML и обычный текст | Теги HTML описывают структуру. Обычный текст показывает знаки без трактовки их как тегов. Определите нужный результат до удаления разметки, экранирования скобок и вставки в редактор. |
| Ссылки на символы HTML | Запись вроде & обозначает знак внутри HTML. При вложении она может быть экранирована повторно. Снятие одного слоя отличается от полного декодирования всех уровней. |
| Экранирование и очистка | Экранирование показывает специальные символы буквально. Очистка удаляет или меняет опасную разметку по правилам. Не заменяйте эти действия предположением, что незнакомый ввод безопасен. |
| Границы предпросмотра | Ограниченный просмотр блокирует скрипты, внешние изображения, шрифты и другие ресурсы. Поэтому он отделён от активного поведения страницы, но не воспроизводит любой рабочий макет точно. |
| Абзацы и строки | Ручной перенос и граница абзаца решают разные задачи. Экспорт может обрабатывать их по разному. Проверяйте списки, адреса и пустые строки, а не считайте все разрывы равнозначными. |
| Поддержка знаков шрифтом | Шрифт содержит ограниченный набор глифов. Наличие символа Unicode в исходнике не означает, что любой шрифт экспорта его покажет. Проверьте имена с акцентами, разные письменности и эмодзи. |
| Границы источника | Резюме и редактура опираются на переданные материалы. Одна ссылка не загружает статью в этом интерфейсе. Добавляйте нужный отрывок и сохраняйте ссылки рядом с подтверждаемыми утверждениями. |