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» для скачивания готового файла.
Часто задаваемые вопросы
Лиана Арифметова
Миссия: Демократизировать сложные расчеты. Превратить страх перед числами в ясность и контроль. Девиз: «Любая повторяющаяся задача заслуживает своего калькулятора».
Отказ от ответственности
Только для информационных целей. Все расчёты, результаты и данные, предоставляемые данным инструментом, носят исключительно ознакомительный и справочный характер. Они не являются профессиональной консультацией — медицинской, юридической, финансовой, инженерной или иной.
Точность результатов. Калькулятор основан на общепринятых формулах и методиках, однако фактические результаты могут отличаться в зависимости от индивидуальных условий, исходных данных и применяемых стандартов. Мы не гарантируем полноту, точность или актуальность приведённых расчётов.
Медицинские, финансовые и профессиональные решения должны приниматься исключительно на основании консультации с квалифицированными специалистами — врачом, финансовым советником, инженером или другим профессионалом в соответствующей области. Не используйте результаты данного инструмента как единственное основание для принятия важных решений.
Ограничение ответственности. Авторы и разработчики сервиса не несут никакой ответственности за прямой или косвенный ущерб, возникший в результате использования данных расчётов. Пользователь принимает на себя всю ответственность за интерпретацию и применение полученных результатов.
Похожие инструменты
Калькулятор расхода монтажной пены
Расчёт расхода монтажной пены для окон, дверей и швов. Бытовая и профессиональная пена, учёт температуры и потерь.
Калькулятор научной нотации
Конвертер чисел в научную (экспоненциальную) и инженерную нотацию. Перевод стандартного вида числа онлайн.
Калькулятор ангельских инвестиций
MOIC, IRR, ROI при вложении в стартап. Оценка доли, мультипликатора выхода и горизонта инвестиций.
Генератор robots.txt
Визуальный конструктор robots.txt с поддержкой Яндекс-директив (Host, Clean-param). Создайте файл robots.txt для вашего сайта онлайн.
Генератор Lorem Ipsum на русском (рыба-текст)
Генерация рыба-текста на русском языке для макетов и дизайна. Абзацы, предложения, слова в формате текст/HTML/Markdown.
Калькулятор кирпичной кладки
Расчёт количества кирпича, раствора и стоимости кладки. Толщина стены 0.5/1/1.5/2 кирпича, одинарный, полуторный, двойной кирпич по ГОСТ.
Калькулятор стехиометрии: балансировка и выход реакции
Балансировка химических уравнений (онлайн), расчет лимитирующего реагента и выхода реакции (теоретический/процентный).
Калькулятор ремонта балкона
Расчёт стоимости ремонта балкона: остекление, утепление, отделка.
Калькулятор ландшафтного дизайна
Расчёт бюджета ландшафтного дизайна: газон, дорожки, растения, освещение, полив. Стоимость материалов и работ.
Калькулятор CSS-анимаций: easing, keyframes, тайминг, спрайты
Комплексный инструмент для веб-анимаций. Визуализация easing-функций, генератор @keyframes, расчёт тайминга и stagger-задержек, спрайтовая анимация, бюджет производительности 60fps и генерация motion-токенов.
Калькулятор тенниса: калории, подача, натяжка, рейтинг
Калькулятор для тенниса. Расход калорий, анализ скорости подачи, натяжка струн, рейтинг игрока и планирование сезона.
Калькулятор разведения лекарственных препаратов
Расчёт пропорций разведения лекарств для инъекций. Формула C1V1=C2V2, серийные разведения, разведение порошков.
Калькулятор развесовки по осям грузовика
Расчёт нагрузки на оси грузовика при загрузке. Проверка на перегруз по ПП №272, рекомендации по размещению груза.
Калькулятор осмолярности плазмы
Расчёт осмолярности плазмы по натрию, глюкозе и мочевине. Эффективная осмолярность, осмолярный промежуток.
Конвертер размеров колец
Конвертация размеров колец: RU ↔ EU ↔ US ↔ UK ↔ мм. По окружности и диаметру пальца.