Что такое Редактор Markdown?
Редактор с двумя панелями и мгновенным HTML-предпросмотром. Поддерживает GitHub Flavored Markdown: таблицы, списки задач, блоки кода с подсветкой синтаксиса. Экспортируйте в HTML или скопируйте отрендеренный результат.
Рендеринг использует парсер в стиле GitHub: поддерживаются fenced-блоки кода с указанием языка (javascript, python, css и т.д.), списки задач с состоянием чекбокса, таблицы с разделителями, сноски и зачёркивание. Панель инструментов вставляет синтаксис заголовков, жирного, курсива, ссылок, изображений, кода и таблиц в позиции курсора. Экспорт создаёт самодостаточный HTML-файл со встроенными стилями, готовый к отправке или загрузке.
Как использовать
- Напишите или вставьте контент в формате Markdown в левую панель редактора — предпросмотр справа обновляется в реальном времени.
- Используйте панель инструментов для быстрого форматирования: жирный, курсив, заголовки, ссылки, изображения, блоки кода и таблицы.
- Экспортируйте документ как чистый HTML, скопируйте отрендеренный предпросмотр или скачайте исходный файл Markdown.
Когда использовать
- Писать README или гайд для контрибьюторов и сразу видеть результат прямо во время набора.
- Подготовить пост для блога в Markdown перед тем как вставить HTML в CMS без Markdown-редактора.
- Привести в порядок заметки со встречи: заголовки для разделов, чек-лист для дел, таблица для решений.
Результат
Вы пишете README проекта — добавляете заголовки, список возможностей, блок кода с подсветкой JavaScript и таблицу установки. Предпросмотр показывает результат по мере ввода, а готовый HTML можно экспортировать.
Частые вопросы
- Работает ли подсветка синтаксиса внутри блоков кода?
- Работает. После открывающих обратных кавычек в fenced-блоке можно указать язык (```javascript, ```python, ```bash и т.п.), и превью применит стили highlight.js. Если язык не указан или не распознан, код выводится моноширинным шрифтом без цветов.
- Сохранится ли мой Markdown после обновления страницы?
- Да. Каждое нажатие клавиши автоматически сохраняется на вашем устройстве, а черновик восстанавливается при следующем открытии страницы — даже после перезагрузки или случайного закрытия вкладки. Небольшая плашка подтверждает, что черновик загружен. Нажмите Сбросить (или очистите редактор), чтобы стереть сохранённую копию.
- Можно ли вставить скриншот напрямую в редактор?
- Да. Вставьте изображение или скриншот — оно встроится прямо в документ как data-URL в формате base64, а синтаксис изображения Markdown подставится на месте курсора. Есть нюанс: data-URL сильно увеличивают файл, и большинство площадок (включая README на GitHub) их не отображают. Поэтому для документа, которым вы будете делиться, лучше загрузить картинку на хостинг и вставить ссылку в  — так исходник останется компактным.
- Чем отличаются экспорт HTML и копирование отрисованного превью?
- Экспорт HTML создаёт полноценный документ с <html>, <head>, встроенным CSS и вашим содержимым в <body>. Копирование превью отдаёт только внутренний фрагмент, который удобно вставить в CMS, оборачивающую содержимое в собственный шаблон.
- Почему один перенос строки не отображается в превью?
- Стандартный Markdown трактует одиночный перенос внутри абзаца как мягкий и не делает реальной строки. Чтобы принудить перенос, поставьте два пробела в конце строки или оставьте пустую строку, начиная новый абзац. Так ведут себя GitHub и большинство генераторов статических сайтов.
Похожие инструменты
Редактор закладок PDF
Добавляйте и редактируйте закладки в PDF-файлах
Сведение PDF
Сведите поля форм и аннотации в PDF-файлах
Текстовый редактор
Пишите и форматируйте документы в визуальном редакторе
Markdown в PDF
Конвертируйте файлы Markdown в оформленные PDF-документы
Обрезка PDF
Обрезайте и подгоняйте поля страниц PDF
Сортировка страниц PDF
Перетаскивайте страницы PDF для изменения порядка