Этот инструмент предпросмотра Markdown рендерит ваш Markdown в чистый HTML бок о бок по мере ввода, поэтому вы видите, как именно будет выглядеть README, документ или комментарий. Он поддерживает GitHub-flavoured Markdown (GFM), включая таблицы, блоки кода в ограждении, списки задач, цитаты, ссылки и встроенное форматирование. Используйте его как быстрый редактор Markdown и просмотрщик Markdown, чтобы набрасывать документацию, проверять форматирование перед отправкой в репозиторий или конвертировать markdown в html и копировать результат в CMS. По умолчанию одиночный перевод строки становится переносом; с переключателем GitHub style он превращается в пробел, как в README. Теги script, iframe и подобные, атрибуты событий и ссылки javascript: удаляются, но это простой фильтр, а не полноценная санитизация. Инструмент создан для разработчиков, технических писателей и QA, которым нужен быстрый и точный предпросмотр gfm. Всё обрабатывается локально в вашем браузере, поэтому ваш черновик не покидает устройство.
Возможности
Живой предпросмотр бок о бок, обновляющийся по мере ввода
GitHub-flavoured Markdown с таблицами, блоками кода в ограждении и списками задач
Поддержка заголовков, списков, цитат, ссылок и встроенного выделения
По умолчанию одиночные переводы строк становятся переносами; GitHub style превращает их в пробелы, как в README
Удаляет теги script, style, iframe, object, embed, link, meta и base, атрибуты событий и ссылки javascript:
Копирование отрендеренного HTML в буфер обмена одним кликом
Скачивание результата как готового к использованию файла .html
Работает полностью в вашем браузере
Как использовать Предпросмотр Markdown
Введите или вставьте свой Markdown в левое поле ввода.
Наблюдайте, как отрендеренный HTML мгновенно появляется в панели предпросмотра.
Нажмите «Копировать HTML», чтобы поместить отрендеренную разметку в буфер обмена.
Используйте кнопку .html, чтобы скачать вывод как файл, или «Очистить», чтобы начать заново.
Пример
Ввод
# Title
- **Bold** item
- [Link](https://example.com)
Заголовки, списки и встроенное форматирование Markdown, отрендеренные в HTML.
Частые ошибки и устранение неполадок
Таблица не рендерится и отображается как обычный текст. — Таблицам GFM нужна строка заголовка и строка-разделитель из дефисов и вертикальных черт, например | A | B |, за которой следует | --- | --- |. Убедитесь, что в каждой строке совпадает количество вертикальных черт.
Блок кода переносит форматирование на остальную часть документа. — Закрывайте каждый огражденный блок соответствующей строкой из трёх обратных кавычек. Незакрытое ограждение заставляет рендерер обрабатывать остальной текст как код.
Одиночные переносы строк не сохраняются как ожидалось. — По умолчанию одиночный перевод строки становится переносом. Включите GitHub style, чтобы он считался пробелом, как GitHub показывает README, а для отдельных абзацев оставляйте пустую строку между блоками.
Сырые HTML-теги вроде script или iframe исчезают из предпросмотра. — Теги script, style, iframe, object, embed, link, meta и base и атрибуты событий on* удаляются намеренно. Используйте обычный Markdown или простой встроенный HTML.
Часто задаваемые вопросы
Что такое инструмент предпросмотра Markdown от ArrayKit?
Это живой предпросмотр Markdown, который рендерит ваш Markdown в чистый HTML бок о бок по мере ввода, чтобы вы могли проверить форматирование README, документов и комментариев перед публикацией.
Поддерживает ли предпросмотр Markdown GitHub-flavoured Markdown?
Да. Предпросмотр Markdown рендерит GFM, поэтому таблицы, блоки кода в ограждении и списки задач корректно отображаются в панели предпросмотра.
Как скопировать или скачать отрендеренный HTML?
Нажмите «Копировать HTML», чтобы отправить отрендеренную разметку в буфер обмена, или используйте кнопку .html, чтобы скачать её как готовый к использованию файл.
Что предпросмотр Markdown удаляет из HTML?
Теги script, style, iframe, object, embed, link, meta и base, атрибуты событий on* вроде onclick и ссылки, начинающиеся с javascript:. Это простой фильтр, а не полноценная санитизация, поэтому если Markdown пришёл из источника, которому вы не доверяете, перед публикацией очистите HTML настоящим санитайзером.
Сохраняет ли предпросмотр Markdown одиночные переносы строк?
По умолчанию да: одиночный перевод строки становится переносом, как в комментариях и чатах. Включите GitHub style, и одиночные переводы строк станут пробелами, как GitHub показывает README.
Отправляется ли мой Markdown на сервер при использовании этого предпросмотра?
Нет. Ваш Markdown рендерится полностью в вашем браузере и не покидает устройство.
Связанные инструменты
Конвертер MDX — Рендерит MDX как текст, преобразует HTML → MDX и экранирует текст в литеральный MDX.
Форматировщик HTML — Форматируйте или минифицируйте HTML, форматируйте встроенный CSS/JS и просматривайте результат.
Экранирование HTML — Экранируйте и разэкранируйте специальные символы и сущности HTML.
Сравнить текст — Сравнивайте два текста построчно и видите добавления и удаления.
PDF в текст — Извлекайте выделяемый текст из PDF в виде обычного текста или Markdown.
Рендер диаграмм Mermaid — Рендерит диаграммы Mermaid (поток, последовательность, gantt) в SVG в вашем браузере.
Форматировщик JSON — Форматируйте, минимизируйте и проверяйте JSON с указанием места ошибок.
Форматировщик CSS / SCSS — Форматируйте или минифицируйте CSS/SCSS/LESS, сортируйте свойства и убирайте дубликаты.
Другие инструменты: Форматировщики кода
Тестер regex — Тестируйте регулярные выражения в реальном времени: совпадения, группы и флаги.
Конвертер цветов CSS — Преобразуйте между HEX, RGB и HSL с живым образцом цвета.
Сравнить текст — Сравнивайте два текста построчно и видите добавления и удаления.
Конвертер MDX — Рендерит MDX как текст, преобразует HTML → MDX и экранирует текст в литеральный MDX.
Форматировщик CSS / SCSS — Форматируйте или минифицируйте CSS/SCSS/LESS, сортируйте свойства и убирайте дубликаты.
Форматировщик JS / TS — Форматирует JavaScript, TypeScript и JSX/TSX с опциями Prettier или минифицирует обычный JavaScript.
Форматировщик HTML — Форматируйте или минифицируйте HTML, форматируйте встроенный CSS/JS и просматривайте результат.
Форматировщик XML — Форматируйте, минифицируйте и проверяйте XML, преобразуйте XML ↔ JSON.
Форматировщик SQL — Форматируйте SQL для MySQL, PostgreSQL, SQL Server, SQLite, BigQuery и Oracle.
Форматировщик GraphQL — Форматируйте или минифицируйте запросы и схемы GraphQL, проверяйте синтаксис и извлекайте операции.
Форматировщик Dockerfile — Форматируйте Dockerfile и получайте рекомендации по лучшим практикам и линту.