Markdown Editor

Пишите Markdown слева, смотрите живой предпросмотр справа. Ярлыки панели инструментов для каждого распространённого форматирования. Полностью на стороне клиента — ваш контент никогда не покидает браузер.

Почему Markdown Editor?

Чистый, быстрый, живой — со всеми распространёнными расширениями Markdown.

Живой предпросмотр

Отрендеренный HTML обновляется по мере набора, с подсветкой синтаксиса в блоках кода и GitHub Flavored Markdown.

Разделённый или полный вид

Выберите разделённый экран (редактор + предпросмотр), только редактор или только предпросмотр. Макет автоматически адаптируется для мобильных.

Приватность по дизайну

Весь разбор Markdown происходит в вашем браузере. Ваш контент никогда не передаётся на сервер и нигде не хранится.

Панель инструментов и ярлыки

Кнопки в один клик для заголовка, жирного, курсива, кода, ссылки, цитаты, списков, таблиц, флажков. Горячие клавиши: Ctrl/⌘+B, I, K.

GitHub Flavored Markdown

Таблицы, списки задач, зачёркивание, огороженные блоки кода с автоматическим определением языка для 190+ языков.

Копирование и загрузка

Копируйте исходный Markdown или отрендеренный HTML в буфер обмена или загружайте как файл.md.

Как работает редактор Markdown

Редактируйте слева, видите HTML справа — мгновенно и локально.

1

Введите или вставьте Markdown

Левая панель — это обычный textarea. Вставьте существующий файл .md или начните писать. Работают стандартные горячие клавиши (⌘ B для жирного, ⌘ I для курсива), а мы добавляем панель инструментов для заголовков, списков, ссылок, блоков кода и таблиц.
2

Marked.js рендерит в HTML

На каждое нажатие клавиши мы прогоняем ввод через marked — проверенный временем парсер CommonMark + GitHub Flavoured Markdown. Все возможности GFM — списки задач, таблицы, зачёркивание, автоссылки — работают. Вывод санитизируется через DOMPurify, чтобы убрать любые встроенные скрипты.
3

Подсветка синтаксиса в предпросмотре

Блоки кода в отрендеренном HTML подсвечиваются через highlight.js для ~190 языков. Панель предпросмотра прокручивается синхронно с редактором, чтобы вы видели отрендеренную версию того раздела, который сейчас редактируете.
4

Копируйте или скачивайте

Экспортируйте сырой Markdown, отрендеренный HTML или единое самодостаточное изображение (PNG через html-to-image). Все три выхода создаются в вашем браузере — ни одна строка вашего черновика не попадает на сервер.

Для чего это используют

Реальные сценарии, где редактор только в браузере выигрывает.

Черновики README

Откройте редактор, вставьте описание проекта и увидите, как README будет выглядеть на GitHub — ещё до push. Не нужно делать commit-and-revert ради одного предпросмотра.

Написание блог-постов

Используйте живой предпросмотр во время написания, чтобы поймать сломанный Markdown — пропущенные скобки, кривые таблицы, пропуски в уровнях заголовков. Избавляет от цикла «опубликовать, увидеть кривой рендер, исправить, опубликовать заново».

Заметки в офлайне

После загрузки страницы редактор работает в самолёте или за корпоративным фаерволом. Ваш черновик хранится во вкладке браузера; закрывайте её аккуратно или скопируйте текст, прежде чем уйти со страницы.

Преобразование Markdown в чистый HTML

Перетащите длинный Markdown-документ, скопируйте отрендеренный HTML, вставьте в свою CMS. Часто чище, чем родной импортёр Markdown в CMS, который непредсказуемо обрезает форматирование.

Почему черновики заслуживают приватности

Черновики часто содержат непричёсанные мысли, внутренние названия продуктов, отзывы клиентов или материалы под NDA. Онлайн-редакторы, автосохраняющие в облако, незаметно превращают каждое нажатие клавиши в запись в лог сервера. У редактора Markdown от iKit вообще нет endpoint для сохранения — ваш черновик живёт только во вкладке браузера.

Никакого автосохранения на сервер, никакой истории черновиков на нашей стороне.
Рендер происходит на каждое нажатие локально — никаких отложенных API-вызовов.
Встроенные изображения остаются как Data URI или внешние URL, которые вы вставили — мы не проксируем их.

Связанные руководства

Подробные туториалы и сравнения инструментов из блога iKit.

Часто задаваемые вопросы

Отправляется ли мой контент на сервер?

Нет. Весь разбор Markdown полностью происходит в вашем браузере с помощью библиотеки marked (с DOMPurify для санации вывода против XSS). Ваш контент никогда не передаётся, не логируется и не сохраняется.

Какой вариант Markdown поддерживается?

CommonMark + GitHub Flavored Markdown (GFM): таблицы, списки задач ([x], [ ]), зачёркивание (~~), автоссылки и огороженные блоки кода с подсветкой синтаксиса по языковому тегу.

Сохраняются ли мои файлы?

Нет. Этот инструмент не сохраняет автоматически. Используйте кнопку Скачать, чтобы сохранить документ как файл.md. Поскольку на сервере ничего не хранится, обновление страницы удалит вашу работу.

Какие горячие клавиши доступны?

Ctrl/⌘+B для жирного, Ctrl/⌘+I для курсива, Ctrl/⌘+K для ссылки. Tab вставляет 4 пробела (или делает отступ для выбранных строк). Shift+Tab уменьшает отступ выбранных строк.

Могу ли я вставлять или перетаскивать изображения?

Сейчас вы можете вставить синтаксис изображения (![alt](url)) через панель инструментов. Прямая вставка / перетаскивание изображений не реализована, потому что изображения пришлось бы где-то хранить — это нарушило бы дизайн, ориентированный на приватность.