Предпросмотр Markdown

Пишите Markdown и просматривайте результат в живом редакторе с разделением на две панели

Редактор

Предпросмотр

Добро пожаловать в предпросмотр Markdown

Это редактор с живым предпросмотром. Начните печатать слева, чтобы увидеть результат справа.

Возможности

Жирный, курсив и ~~зачёркнутый~~ текст
Ссылки и изображения
Блоки кода с подсветкой синтаксиса

Пример кода

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("World");

Пример таблицы

Возможность	Статус
GFM-таблицы	Поддерживаются
Списки задач	Поддерживаются
Зачёркнутый текст	Поддерживается

Список задач

Написать Markdown
Просмотреть результат
Экспорт в HTML

Цитаты тоже поддерживаются и отлично выглядят в тёмной теме.

Приятного использования Markdown!

Шпаргалка по Markdown

**жирный**Жирный текст

*курсив*Курсивный текст

~~зачёркнуто~~Зачёркнутый текст

# ЗаголовокЗаголовок (1-6)

[текст](url)Ссылка

![альт](url)Изображение

`код`Встроенный код

```язык```Блок кода

> цитатаЦитата

- пунктМаркированный список

1. пунктНумерованный список

---Горизонтальная линия

| а | б |Таблица

- [x] задачаСписок задач

Что такое инструмент предпросмотра Markdown?

Предпросмотр Markdown — бесплатный онлайн-редактор с разделением на две панели: слева вы пишете Markdown, справа в реальном времени видите отрендеренный результат. Поддерживается GitHub Flavored Markdown (GFM), включая таблицы, списки задач, зачёркнутый текст и блоки кода.

Пишете ли вы README для репозитория GitHub, создаёте документацию, составляете пост для блога или изучаете синтаксис Markdown — этот инструмент даёт мгновенную визуальную обратную связь по мере ввода.

Как пользоваться редактором предпросмотра Markdown

Введите или вставьте содержимое Markdown в панель редактора слева. Панель предпросмотра справа обновляется автоматически по мере ввода.
Используйте панель форматирования вверху, чтобы вставлять жирный текст, курсив, заголовки, ссылки, изображения, блоки кода и списки без запоминания синтаксиса.
Нажмите «Экспорт HTML», чтобы скачать отрендеренный результат как отдельный HTML-файл с аккуратными стилями.
Нажмите «Копировать MD», чтобы скопировать исходный текст Markdown в буфер обмена.
Разверните «Шпаргалку по Markdown» внизу для быстрой справки по всем поддерживаемым конструкциям.

Поддерживаемые возможности Markdown

Этот редактор поддерживает полную спецификацию CommonMark плюс расширения GitHub Flavored Markdown. Можно использовать заголовки (с h1 по h6), жирный, курсивный и зачёркнутый текст, маркированные и нумерованные списки, цитаты, горизонтальные линии, встроенный код и блоки кода, ссылки, изображения, таблицы с выравниванием и чекбоксы списков задач.

Советы по написанию лучшего Markdown

Используйте заголовки иерархически: h1 для названия, h2 для разделов, h3 для подразделов
Оставляйте пустую строку между абзацами и до/после списков для корректного рендеринга
Используйте блоки кода с идентификатором языка для подсветки синтаксиса в поддерживающих рендерерах
Чаще просматривайте содержимое, чтобы вовремя замечать проблемы форматирования
Используйте кнопки панели инструментов, чтобы выучить синтаксис редко используемых элементов

Частые сценарии использования

Написание и просмотр README для GitHub перед коммитом
Создание документации или технических текстов в Markdown
Подготовка постов для генераторов статических сайтов, таких как Hugo, Jekyll или Astro
Изучение синтаксиса Markdown с мгновенной визуальной обратной связью
Конвертация Markdown в HTML для встраивания в сайты или письма

Часто задаваемые вопросы

Как просмотреть Markdown онлайн?+

Вставьте или введите Markdown в панель редактора в левой части этого инструмента. Отрендеренный предпросмотр мгновенно появляется справа и обновляется в реальном времени по мере изменений.

Поддерживает ли инструмент GitHub Flavored Markdown?+

Да. Редактор полностью поддерживает расширения GFM, включая таблицы, списки задач с чекбоксами, зачёркнутый текст и блоки кода. Для точного рендеринга используется парсер remark-gfm.

Можно ли экспортировать Markdown в HTML?+

Да. Нажмите кнопку «Экспорт HTML» на панели инструментов, чтобы скачать отдельный HTML-файл со встроенными CSS-стилями. Файл готов к открытию в любом браузере или встраиванию в сайт.

Как создать таблицу в Markdown?+

Используйте вертикальные черты (|) для разделения колонок и дефисы (-) для строки-разделителя заголовка. Например: | Колонка 1 | Колонка 2 | затем |----------|----------| и строки данных. Панель предпросмотра мгновенно показывает отрендеренную таблицу.

В чём разница между Markdown и HTML?+

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

Можно ли использовать этот редактор для README на GitHub?+

Конечно. Редактор поддерживает тот же синтаксис GFM, что и GitHub, поэтому ваш README будет выглядеть так же. Пишите содержимое здесь, просматривайте его, а затем копируйте Markdown в свой репозиторий.