Markdown Превью

Войдите или зарегистрируйтесь, чтобы сохранять инструменты в избранное

Войти Регистрация

Предпросмотр Markdown с конвертацией в HTML

Markdown

Превью

# Заголовок — заголовки от H1 (# ) до H6 (######).

**жирный** — жирный текст.

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

~~зачёркнутый~~ — зачёркнутый текст.

`код` — строчный код.

```блок кода``` — блок кода.

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

![alt](url) — изображение.

- элемент — маркированный список.

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

> цитата — блок цитаты.

--- — горизонтальная линия.

| таблица | — таблица с разделителями |.

Markdown редактор с превью онлайн

Бесплатный онлайн-редактор Markdown с мгновенным превью результата. Пишите текст в формате Markdown слева и сразу видите готовый HTML-результат справа, с поддержкой таблиц, блоков кода и экспорта.

Что такое Markdown

Markdown — это облегчённый язык разметки с простым синтаксисом на основе обычного текста. Создан в 2004 году Джоном Грубером с целью: текст должен легко читаться в исходном виде и легко конвертироваться в HTML. Сегодня Markdown — стандарт де-факто для README-файлов, документации, блогов и систем управления контентом.

Наш онлайн редактор показывает результат в реальном времени: вы пишете слева, видите отрендеренный HTML справа. Никаких кнопок «Обновить» — превью мгновенное.

Основной синтаксис

Элемент	Markdown	Результат
Заголовок H1	# Заголовок	Заголовок
Заголовок H2	## Заголовок	Заголовок
Жирный	текст	текст
Курсив	текст	текст
Зачёркнутый	~~текст~~	~~текст~~
Inline код	`код`	`код`
Ссылка	[текст](url)	кликабельная ссылка
Изображение	![alt](url)	встроенное фото
Маркированный список	- пункт	• пункт
Нумерованный список	1. пункт	1. пункт
Цитата	> текст	блок цитаты
Горизонтальная линия	---	——————

Таблицы и блоки кода

Таблицы создаются с помощью вертикальных черт и дефисов:

| Колонка 1 | Колонка 2 |
|-----------|-----------|
| Ячейка 1  | Ячейка 2  |

Блоки кода оборачиваются в тройные обратные апострофы. Это сохраняет форматирование и отключает обработку Markdown-синтаксиса внутри блока:

```
function hello() {
    console.log("Hello!");
}
```

Где применяется Markdown

GitHub / GitLab — README.md, описания PR, комментарии к issues
Документация — Docusaurus, MkDocs, GitBook, Notion
Блоги — Jekyll, Hugo, Ghost, Gatsby
Мессенджеры — Telegram, Slack, Discord поддерживают подмножество Markdown
CMS — WordPress (с плагином), Contentful, Strapi
Email-маркетинг — Substack, Buttondown

Экспорт HTML

Кнопка «HTML» в правом верхнем углу копирует отрендеренный HTML в буфер обмена. Это удобно для:

Вставки готовой вёрстки в CMS без Markdown-поддержки
Создания HTML-писем из Markdown-черновика
Быстрого прототипирования HTML-контента

Частые вопросы

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

Сохраняется ли содержимое при перезагрузке? Нет, текст хранится только в памяти браузера. Сохраняйте важные тексты в файлы.

Безопасен ли рендеринг HTML? Ссылки с протоколами javascript:, data: и vbscript: блокируются автоматически.

Markdown: синтаксис и возможности

Полное руководство по Markdown: форматирование текста, заголовки, списки, ссылки, изображения, таблицы и код.

Читать полностью →

Полезные статьи

WCAG контрастность: доступность цветов в веб-дизайне

Как проверить контрастность цветов по стандарту WCAG 2.1. Уровни AA и AAA, формула расчёта, рекомендации.

CSS Border Radius: скругление углов элементов

Как использовать border-radius: синтаксис, сокращённая запись, эллиптические углы. Генератор border-radius онлайн.