Предпросмотр Markdown
Преобразуйте Markdown в HTML с предпросмотром в реальном времени.
Ваш Markdown рендерится локально в браузере, и ничего не загружается на сервер.
Работаете с документами MDX? Попробуйте MDX Converter.
Об инструменте Предпросмотр Markdown
Этот инструмент предпросмотра Markdown рендерит ваш Markdown в чистый HTML бок о бок по мере ввода, поэтому вы видите, как именно будет выглядеть README, документ или комментарий. Он поддерживает GitHub-flavoured Markdown (GFM), включая таблицы, блоки кода в ограждении, списки задач, цитаты, ссылки и встроенное форматирование. Используйте его как быстрый редактор Markdown и просмотрщик Markdown, чтобы набрасывать документацию, проверять форматирование перед отправкой в репозиторий или конвертировать markdown в html и копировать результат в CMS. Отрендеренный вывод санируется, скрипты и обработчики событий удаляются для безопасного предпросмотра. Инструмент создан для разработчиков, технических писателей и QA, которым нужен быстрый и точный предпросмотр gfm. Всё обрабатывается локально в вашем браузере, поэтому ваш черновик не покидает устройство.
Возможности
- Живой предпросмотр бок о бок, обновляющийся по мере ввода
- GitHub-flavoured Markdown с таблицами, блоками кода в ограждении и списками задач
- Поддержка заголовков, списков, цитат, ссылок и встроенного выделения
- Одиночные переводы строк рендерятся как переносы строк, как в Markdown-стиле комментариев
- Санированный вывод удаляет скрипты, iframe, обработчики событий и небезопасный HTML
- Копирование отрендеренного HTML в буфер обмена одним кликом
- Скачивание результата как готового к использованию файла .html
- Работает полностью в вашем браузере
Как использовать Предпросмотр Markdown
- Введите или вставьте свой Markdown в левое поле ввода.
- Наблюдайте, как отрендеренный HTML мгновенно появляется в панели предпросмотра.
- Нажмите «Копировать HTML», чтобы поместить отрендеренную разметку в буфер обмена.
- Используйте кнопку .html, чтобы скачать вывод как файл, или «Очистить», чтобы начать заново.
Пример
Ввод
# Заголовок
- **Жирный** пункт
- [Ссылка](https://example.com)
Результат
<h1>Заголовок</h1>
<ul>
<li><strong>Жирный</strong> пункт</li>
<li><a href="https://example.com">Ссылка</a></li>
</ul>
Заголовки, списки и встроенное форматирование Markdown, отрендеренные в HTML.
Частые ошибки и устранение неполадок
- Таблица не рендерится и отображается как обычный текст. — Таблицам GFM нужна строка заголовка и строка-разделитель из дефисов и вертикальных черт, например | A | B |, за которой следует | --- | --- |. Убедитесь, что в каждой строке совпадает количество вертикальных черт.
- Блок кода переносит форматирование на остальную часть документа. — Закрывайте каждый огражденный блок соответствующей строкой из трёх обратных кавычек. Незакрытое ограждение заставляет рендерер обрабатывать остальной текст как код.
- Одиночные переносы строк не сохраняются как ожидалось. — Этот предпросмотр рендерит одиночные переводы строк как переносы строк; если вам нужны отдельные абзацы, оставьте пустую строку между блоками текста.
- Сырые HTML-теги вроде script или iframe исчезают из предпросмотра. — Вывод санируется, поэтому скрипты, iframe и встроенные обработчики событий удаляются по умолчанию. Используйте обычный Markdown или безопасный встроенный HTML.
Часто задаваемые вопросы
- Что такое инструмент предпросмотра Markdown от ArrayKit?
- Это живой предпросмотр Markdown, который рендерит ваш Markdown в чистый HTML бок о бок по мере ввода, чтобы вы могли проверить форматирование README, документов и комментариев перед публикацией.
- Поддерживает ли предпросмотр Markdown GitHub-flavoured Markdown?
- Да. Предпросмотр Markdown рендерит GFM, поэтому таблицы, блоки кода в ограждении и списки задач корректно отображаются в панели предпросмотра.
- Как скопировать или скачать отрендеренный HTML?
- Нажмите «Копировать HTML», чтобы отправить отрендеренную разметку в буфер обмена, или используйте кнопку .html, чтобы скачать её как готовый к использованию файл.
- Безопасен ли HTML из предпросмотра Markdown для повторного использования?
- Да. Вывод санируется, удаляя скрипты, iframe и встроенные обработчики событий, поэтому отрендеренный HTML остаётся безопасным для вставки в другое место.
- Сохраняет ли предпросмотр Markdown одиночные переносы строк?
- Да. Одиночные переводы строк рендерятся как переносы строк, что соответствует поведению Markdown в комментариях и чатах.
- Отправляется ли мой 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, сортируйте свойства и убирайте дубликаты.
Все инструменты ArrayKit