Онлайн редактор Markdown с live preview
Markdown - облегчённый язык разметки для документации, README, блогов и CMS. Этот инструмент предоставляет редактор с разделением экрана и live preview. Пишите Markdown слева и видите отрендеренный HTML справа в реальном времени. Поддерживаются таблицы, зачёркивание, блоки кода, цитаты, изображения и ссылки.
Markdown
Preview
Markdown Preview
Features
This is a bold and italic text example. You can also use inline code and strikethrough.
Code Block
function greet(name) {
console.log(`Hello, ${name}!`);
}Lists
Unordered:
- First item
- Second item
- Third item
Ordered:
- Step one
- Step two
- Step three
Links & Images
Blockquote
The best way to predict the future is to invent it.
- Alan Kay
Table
| Feature | Status | Priority |
|---|---|---|
| Bold | Done | High |
| Tables | Done | Medium |
| Links | Done | High |
Horizontal Rule
That's all for now!
Как использовать Редактор Markdown
Пишите или вставляйте Markdown в редакторе слева и видите preview отрендеренного HTML справа в реальном времени. Редактор поддерживает таблицы, зачёркивание, блоки кода, цитаты, изображения и ссылки. Копируйте отрендеренный HTML для использования в email, CMS или веб-страницах.
Примеры использования
Markdown editor незаменим для написания README на GitHub, документации, блог-постов для генераторов статических сайтов (Hugo, Jekyll, Gatsby, Next.js), академических работ, технических спецификаций, release notes и контента для платформ, рендерящих Markdown (GitHub, GitLab, Notion, Slack, Reddit, Stack Overflow). Live preview устраняет цикл commit-push-check.
Технические детали
Рендерер использует Markdown-парсер на основе regex для конвертации синтаксиса в HTML. HTML-сущности экранируются для предотвращения XSS, опасные URL-протоколы (javascript:, data:) блокируются. Блоки кода оборачиваются в <pre>/<code> с классами языков. Таблицы следуют синтаксису с вертикальными чертами и двоеточиями выравнивания. CSS стилизован для читаемого рендеринга.
Часто задаваемые вопросы
Markdown - это синтаксис форматирования простого текста (создан Джоном Грубером в 2004). Использует символы: # для заголовков, ** для жирного, * для курсива, - для списков, [текст](url) для ссылок. Конвертируется в HTML.
Заголовки, жирный, курсив, зачёркивание (~~текст~~), блоки кода (```), таблицы, цитаты, нумерованные и ненумерованные списки, ссылки, изображения, inline код и горизонтальные линии.
Да. Можно скопировать сырой HTML или отрендеренный preview. Полезно для email-контента или встраивания в веб-страницы.
Похожие инструменты
HTML→MD
Конвертация HTML в Markdown для GitHub, Notion, Jekyll. Сохранение заголовков, ссылок, списков, таблиц.
converters
Подсветка
Подсветка синтаксиса кода для блогов, презентаций и документации. Экспорт как HTML.
formatters
HTML Formatter
Форматируйте и минифицируйте HTML с правильными отступами и переносами строк.
formatters
100+ инструментов для разработчиков под рукой
Трансформируйте, форматируйте, генерируйте и кодируйте данные мгновенно. Приватно, быстро и всегда бесплатно.
Смотреть все инструменты