Markdown-редактор
с предпросмотром
Что такое Markdown
Markdown — это облегчённый язык разметки, который позволяет форматировать текст с помощью простых символов. Его создал Джон Грубер (John Gruber) в 2004 году совместно с Аароном Шварцем. Главная идея заключается в том, что текст в формате Markdown одинаково хорошо читается и в исходном виде, и после преобразования в HTML.
Простой синтаксис
Для выделения текста жирным используются двойные звёздочки, для курсива — одинарные. Заголовки обозначаются символом решётки. Никаких сложных тегов, как в HTML, — только понятные текстовые символы, которые может набрать любой пользователь.
CommonMark
Со временем появилось множество диалектов Markdown. В 2014 году группа энтузиастов начала работу над CommonMark — строгой спецификацией, которая устранила двусмысленности оригинального формата. CommonMark стал основой для GitHub Flavored Markdown (GFM) и других популярных реализаций.
Конвертация в HTML
Markdown-текст преобразуется в чистый семантический HTML. Каждый элемент разметки имеет соответствующий HTML-тег: заголовки становятся тегами h1–h6, списки превращаются в ul/ol, а ссылки — в теги a. Это позволяет использовать Markdown для создания веб-страниц.
Где используется Markdown
Markdown стал стандартом де-факто для форматирования текста в мире разработки и далеко за его пределами.
Техническая документация
Большинство технических проектов используют Markdown для документации. README-файлы на GitHub/GitLab, Javadoc-аналоги, спецификации API — всё это пишется в Markdown, потому что разработчики могут редактировать текст прямо в коде без отдельного редактора.
README на GitHub и GitLab
Каждый открытый проект на GitHub начинается с файла README.md. Это визитная карточка репозитория: описание проекта, инструкции по установке, примеры использования. GitHub автоматически рендерит Markdown в красивый HTML.
Блоги и статьи
Платформы для блогов (Jekyll, Hugo, Gatsby, Astro) используют Markdown как основной формат контента. Авторы пишут статьи в текстовом редакторе, а генератор сайта превращает их в готовые HTML-страницы.
Заметки и базы знаний
Приложения для заметок (Obsidian, Notion, Logseq, Bear) поддерживают Markdown. Это даёт пользователям переносимость данных: заметки можно легко экспортировать и открыть в любом текстовом редакторе.
Презентации
Инструменты Marp, Reveal.js и Slidev превращают Markdown-файлы в интерактивные слайды. Разработчики оценили возможность создавать презентации в привычном текстовом формате, не переключаясь между инструментами.
Мессенджеры и форумы
Telegram, Discord, Slack, Reddit, Stack Overflow — все поддерживают подмножество Markdown для форматирования сообщений. Жирный шрифт, курсив, моноширинный код доступны через знакомые символы.
Шпаргалка/ синтаксис Markdown
Основные элементы разметки Markdown, которые поддерживает наш редактор. Запомните эти конструкции — и вы сможете быстро форматировать любой текст.
Заголовки
# Заголовок 1
## Заголовок 2
### Заголовок 3
#### Заголовок 4Количество символов # определяет уровень заголовка (от 1 до 6)
Выделение текста
**жирный текст**
*курсивный текст*
~~зачёркнутый текст~~
***жирный курсив***Ссылки и изображения
[текст ссылки](https://example.com)
Списки
- элемент 1
- элемент 2
- элемент 3
1. первый
2. второй
3. третийКод
`inline код`
```js
// блок кода
const x = 42;
```Таблицы
| Заголовок 1 | Заголовок 2 |
| --- | --- |
| ячейка 1 | ячейка 2 |
| ячейка 3 | ячейка 4 |Разделительная строка из дефисов обязательна между заголовком и телом таблицы
Цитаты
> Это цитата
> на несколько строкГоризонтальная линия
---Три и более дефисов на отдельной строке
Markdown vs HTML
Markdown не заменяет HTML, а упрощает его написание. Оба формата решают задачу разметки текста, но ориентированы на разные сценарии использования.
Markdown
- + Читается без рендеринга
- + Быстрее писать (меньше символов)
- + Низкий порог входа
- + Идеален для документации и README
- - Ограниченные возможности стилизации
- - Нет стандарта для сложных элементов
HTML
- + Полный контроль над разметкой
- + Стандартизирован W3C
- + Поддерживает CSS-стилизацию
- + Интерактивные элементы (формы, видео)
- - Многословный (открывающий + закрывающий тег)
- - Сложно читать в исходном виде
Наглядное сравнение
Markdown
## Заголовок
Абзац с **жирным** текстом.
- Первый пункт
- Второй пунктHTML
<h2>Заголовок</h2>
<p>Абзац с <strong>жирным</strong> текстом.</p>
<ul>
<li>Первый пункт</li>
<li>Второй пункт</li>
</ul>Советы по работе с Markdown
Практические рекомендации, которые помогут писать в Markdown быстрее и аккуратнее.
1Оставляйте пустые строки
Между абзацами, после заголовков и перед списками ставьте пустую строку. Без неё парсеры могут неправильно интерпретировать границы блоков, и текст «склеится» в один абзац.
2Используйте заголовки для структуры
Не пропускайте уровни: после H1 должен идти H2, а не сразу H3. Иерархия заголовков важна для навигации, скринридеров и SEO, если Markdown используется для генерации веб-страниц.
3Указывайте язык для блоков кода
Пишите тройной бэктик с названием языка (```js, ```python, ```css). Это включает подсветку синтаксиса на GitHub, GitLab и в большинстве редакторов Markdown.
4Используйте alt-текст для изображений
Конструкция  включает квадратные скобки для альтернативного текста. Всегда заполняйте его: это помогает скринридерам, улучшает SEO и показывается, если изображение не загрузилось.
5Выравнивайте столбцы в таблицах
Хотя парсеру неважно выравнивание, аккуратно отформатированная таблица значительно проще для чтения в исходном коде. Используйте пробелы, чтобы вертикальные палочки были на одном уровне.
6Храните в Git
Markdown — это обычный текст, поэтому он идеально подходит для систем контроля версий. Git показывает построчные diff-ы Markdown-файлов, что позволяет отслеживать каждое изменение в документации.
Как пользоваться редактором
Пошаговая инструкция для быстрого старта.
Введите текст
Начните печатать Markdown в левой панели. Используйте # для заголовков, ** для жирного, * для курсива. Или нажмите кнопки на панели инструментов.
Смотрите результат
Правая панель мгновенно показывает HTML-предпросмотр вашего текста. Каждое изменение отображается в реальном времени.
Используйте тулбар
Кнопки панели вставляют Markdown-разметку на позицию курсора. Выделите текст и нажмите B для жирного или I для курсива.
Экспортируйте результат
Нажмите «Копировать MD» для исходного текста, «Копировать HTML» для разметки или «Экспорт HTML» для скачивания готового файла.
Часто задаваемые вопросы
Лиана Арифметова
Миссия: Демократизировать сложные расчеты. Превратить страх перед числами в ясность и контроль. Девиз: «Любая повторяющаяся задача заслуживает своего калькулятора».
Был ли этот калькулятор полезен?
Отказ от ответственности
Только для информационных целей. Все расчёты, результаты и данные, предоставляемые данным инструментом, носят исключительно ознакомительный и справочный характер. Они не являются профессиональной консультацией — медицинской, юридической, финансовой, инженерной или иной.
Точность результатов. Калькулятор основан на общепринятых формулах и методиках, однако фактические результаты могут отличаться в зависимости от индивидуальных условий, исходных данных и применяемых стандартов. Мы не гарантируем полноту, точность или актуальность приведённых расчётов.
Медицинские, финансовые и профессиональные решения должны приниматься исключительно на основании консультации с квалифицированными специалистами — врачом, финансовым советником, инженером или другим профессионалом в соответствующей области. Не используйте результаты данного инструмента как единственное основание для принятия важных решений.
Ограничение ответственности. Авторы и разработчики сервиса не несут никакой ответственности за прямой или косвенный ущерб, возникший в результате использования данных расчётов. Пользователь принимает на себя всю ответственность за интерпретацию и применение полученных результатов.
Похожие инструменты
Калькулятор MELD (MELD-Na)
Оценка тяжести заболеваний печени по шкале MELD и MELD-Na. Прогноз смертности и приоритет трансплантации.
Regex-тестер с русской документацией
Онлайн тестирование регулярных выражений с подсветкой совпадений, захватом групп и русскоязычной документацией. Шпаргалка по синтаксису regex.
Калькулятор расхода интернет-трафика
Рассчитайте расход мобильного интернета: сколько ГБ тратят YouTube, Instagram, Telegram, Zoom, музыка и соцсети. Подбор оптимального тарифа.
Конвертер номеров телефонов
Конвертация российских номеров: +7, 8, без кода. Определение оператора по DEF-коду, форматирование для CRM.
Калькулятор расхода филамента для 3D-печати
Расчёт расхода филамента PLA/ABS/PETG по весу модели, заполнению и поддержкам. Количество катушек и стоимость.
Калькулятор срока исковой давности
Расчёт срока исковой давности по ГК РФ с учётом приостановлений и перерывов
Калькулятор плиточного клея
Расчёт расхода плиточного клея по площади и размеру зубчатого шпателя. Стандартный, усиленный, для керамогранита.
Калькулятор контрастности (WCAG), шрифтов и сетки
Инструменты UI/UX дизайнера. Проверка контрастности цветов (WCAG AA/AAA), расчет модульной сетки и подбор типографической шкалы.
Калькулятор промышленной химии
Конверсия, селективность, выход реактора, материальный баланс, атомная экономия, E-фактор, ректификация, TON/TOF катализатора.
Калькулятор титрования (кривые титрования)
Построение кривых кислотно-основного титрования. Точка эквивалентности, выбор индикатора, pH расчёт.
Калькулятор зарплаты (гросс/нет)
Зарплата на руки из оклада. НДФЛ 13%/15%/30%, страховые взносы, районные коэффициенты. Россия 2024-2025.
Валидатор VIN-номера автомобиля
Проверка контрольной цифры VIN и расшифровка: производитель, страна, год выпуска, завод. ISO 3779.
Калькулятор инсулиновой дозы
Расчёт дозы инсулина по ХЕ и уровню сахара в крови. Коэффициент чувствительности, коррекция.
Калькулятор водного следа
Рассчитайте свой личный водный след. Узнайте, сколько воды тратится на ваш образ жизни: душ, еда, вещи.
Калькулятор логистики
Расчёты логистики: стоимость доставки, палетизация, маршруты, таможня, склад, last mile