Основные выводы
- 01Рендерит Markdown в виде стилизованного HTML, включая таблицы, блоки кода и зачёркивание.
- 02Показывает отрендеренный результат — не исходный HTML — поэтому вы видите ровно то, как будет выглядеть документ.
- 03Рендеринг работает в вашем браузере; ваше содержимое Markdown никогда не загружается и не сохраняется.
- 04Работает офлайн, когда страница загружена.
Почему инструмент предпросмотра Markdown экономит время
Написание Markdown без предпросмотра означает постоянное переключение между текстовым редактором и рендерером — GitHub, локальный dev сервер или платформу документации. Для быстрых проверок черновика блога, обновления README или фрагмента документации эта туда-обратно медленная. Вы хотите вставить текст и сразу же увидеть, правильные ли заголовки, правильно ли огорожен блок кода и выровнена ли таблица.
Просмотрщик Markdown от Handytool делает именно это. Вставьте любой Markdown в левую панель, и правая панель покажет полностью отрендеренный HTML предпросмотр — стилизованные заголовки, отформатированный код, рабочие ссылки — не исходный HTML. Поскольку рендеринг работает локально в вашем браузере, вы можете просмотреть конфиденциальные черновики, внутреннюю документацию или неопубликованное содержимое без того, чтобы что-либо покидало вашу машину.
Как посмотреть предпросмотр Markdown онлайн
- 01
Вставьте свой Markdown
Вставьте любой текст Markdown в левую панель — README, черновик блога, фрагмент документации или содержимое любого файла .md.
- 02
Нажмите Предпросмотр
Правая панель рендерит Markdown в виде стилизованного HTML. Заголовки, списки, жирный текст, курсив, блоки кода, таблицы и ссылки отображаются так, как они выглядели бы в браузере.
- 03
Проверьте результат
Прокрутите предпросмотр, чтобы проверить форматирование, проверить подсветку синтаксиса блока кода и убедиться, что ссылки и изображения отрендеряются как ожидается.
- 04
Отредактируйте и переобновите по мере необходимости
Отредактируйте Markdown в левой панели и снова нажмите Предпросмотр. Обновление мгновенное.
Синтаксис Markdown, который рендерит просмотрщик
- 01Заголовки (# H1 до ###### H6) с пропорциональным размером
- 02Жирный (**текст**), курсив (*текст*), зачёркивание (~~текст~~)
- 03Упорядоченные и неупорядоченные списки, вложенные списки
- 04Цитаты, встроенный код и огороженные блоки кода с подсветкой синтаксиса
- 05Таблицы (GitHub-flavored Markdown)
- 06Ссылки и изображения с альтернативным текстом
Приватный рендеринг — ваше содержимое остаётся на вашем устройстве
Просмотрщик рендерит Markdown с помощью библиотеки JavaScript, загруженной на вкладку вашего браузера. Когда вы вставляете содержимое и нажимаете Предпросмотр, ничего не отправляется по сети. Вставьте приватную спецификацию продукта, объявление под эмбарго или внутренние примечания к выпуску, и ничего из этого не покидает вашу машину.
Инструмент также работает офлайн. Как только страница загружена, вы можете отключиться от интернета и продолжить просмотр. Это полезно для сеансов письма на самолётах, в областях с ненадёжным подключением или в средах со строгой политикой сетей.
Часто задаваемые вопросы — просмотрщик Markdown
Как просмотреть предпросмотр Markdown онлайн бесплатно?
Вставьте свой Markdown в левую панель и нажмите Предпросмотр. Правая панель показывает отрендеренный результат — ваш Markdown никогда не покидает ваш браузер.
Какой синтаксис Markdown поддерживается?
Просмотрщик следует CommonMark и поддерживает заголовки, жирный текст, курсив, зачёркивание, списки, цитаты, встроенный код, огороженные блоки кода, таблицы, ссылки и изображения.
Мое содержимое загружается куда-нибудь?
Нет. Рендеринг работает полностью в вашем браузере с использованием JavaScript. Ничто не отправляется на сервер, поэтому даже чувствительные документы безопасны для просмотра.
В чем разница между просмотрщиком Markdown и Markdown в HTML?
Просмотрщик Markdown показывает визуальный отрендеренный предпросмотр — отформатированный текст, как его видит читатель. Инструмент Markdown в HTML выводит исходный код HTML, который вы можете скопировать в проект или CMS.
Могу ли я использовать это для проверки моего README на GitHub перед пушем?
Да. Просмотрщик использует рендеринг Markdown GitHub-flavored, поэтому таблицы, огороженные блоки кода и зачёркивание выглядят так же, как на GitHub.
Просмотрщик Markdown бесплатный?
Да. Каждый инструмент Handytool бесплатный — без учётных записей, регистраций или лимитов использования.