Бесплатный онлайн-редактор Markdown с живым просмотром
Пишите Markdown слева и смотрите, как справа собирается готовый документ: вложенные списки, списки задач, таблицы, сноски и подсвеченный код — всё разбирается прямо в вашей вкладке.
How it works
Напишите, вставьте или откройте файл
Печатайте прямо в редакторе, вставляйте из буфера обмена, перетащите файл .md на рабочую область или начните с одного из шаблонов. Пришедший файл ждёт в лотке, пока вы не скажете, заменяет он ваш текст или добавляется к нему.
Смотрите, как он отрисовывается на ходу
Документ разбирается вне главного потока, и просмотр поспевает за курсором. Прокрутка одной панели двигает вторую, поэтому то, что вы правите, всегда и есть то, на что вы смотрите.
Выберите, как это будет выглядеть
Пять тем просмотра — от строгой страницы в духе GitHub до листа из пишущей машинки. Тема не просто украшение экрана: она попадает и в экспортированный файл HTML, и на печатную страницу.
Заберите с собой
Скачайте Markdown, самостоятельный файл HTML или PDF без всякой обвязки этой страницы. Либо отправьте документ прямо в другой инструмент oLoveTools, минуя папку загрузок.
Настоящий разборщик, а не груда регулярных выражений
Документ сначала превращается в синтаксическое дерево и только потом в HTML. Поэтому вложенные списки сохраняют вложенность, случайная вертикальная черта в предложении не читается как таблица, а имена_с_подчёркиваниями остаются целыми вместо того, чтобы обрасти курсивом.
Блоки кода с подсветкой синтаксиса
Блоки в ограждениях подсвечиваются более чем для двадцати языков — от JavaScript и Python до SQL, YAML и Dockerfile. Грамматики загружаются только тогда, когда в документе действительно есть код.
Просмотр, который не отстаёт
Разбор идёт в Web Worker, поэтому курсор не спотыкается на длинном README. Если воркеры заблокированы, тот же код выполняется на месте, и просмотр всё равно отрисуется.
Темы, переживающие экспорт
Сланец, GitHub светлая, Чистый журнал, Пишущая машинка и Киберпанк-неон. Таблица стилей на экране — та же, что записывается в экспортируемый файл, так что скачанное выглядит как увиденное.
Экспорт, которым правда можно пользоваться
Копируйте семантический HTML без классов фреймворков, копируйте форматированный текст для письма, скачивайте самостоятельную страницу или печатайте PDF, где есть документ и больше ничего: ни шапки, ни панели инструментов, ни рекламы.
Оглавление, собранное из ваших заголовков
Каждый заголовок получает устойчивый якорь и попадает в кликабельное оглавление, так что по длинной спецификации можно ходить, пока вы её ещё пишете.
Отмена, хранящая правки, а не копии
История держит только изменившиеся символы, поэтому сотни шагов по длинному документу стоят килобайты, а не мегабайты. Черновик к тому же сохраняется локально между визитами.
Связан с остальным набором
Отправьте готовый документ в WordFlow, чтобы проверить текст, в DiffSnap — чтобы сравнить две версии, или в TTS-Bolt — чтобы послушать, не скачивая и не загружая ничего заново.
Всё происходит внутри вашей вкладки
Нет ни шага загрузки, ни учётной записи. Разборщик, подсветка синтаксиса, темы и любой экспорт работают как JavaScript в вашем браузере — именно поэтому инструмент работает с отключённой сетью. Черновик сохраняется в локальном хранилище этого браузера, чтобы перезагрузка его не потеряла, а чтобы удалить его, достаточно очистить данные браузера: никуда ничего не отправлялось, так что и удалять на стороне сервера нечего.
Приватность по устройству
Неопубликованные черновики, внутренняя документация и заметки по клиенту — ровно тот текст, который не стоит вставлять на чужой сервер. Здесь ему просто некуда деться: документ никогда не покидает страницу, на которой набирается.
Сделано для документов, которым нужно выйти из редактора
Набросайте README проекта с таблицей параметров и примерами кода, ведите протоколы встреч со списками задач, где видно, что ещё открыто, напишите историю изменений или подготовьте запись блога с front matter, прежде чем отдать её генератору статических сайтов. Панель оглавления превращает длинный документ в то, по чему можно прыгать, а счётчик слов и оценка времени чтения подскажут, когда статья уже достаточно длинная.
MarkdownLive — редактор Markdown в две колонки, который отрисовывает текст по мере набора. Он понимает тот синтаксис в стиле GitHub, которым действительно пишут: вложенные списки и списки задач, таблицы с выравниванием, сноски, зачёркивание, выделение, автоссылки, подчёркнутые заголовки, front matter и блоки кода с подсветкой. Редактор помогает по ходу дела: продолжает списки по Enter, делает отступ по Tab, оборачивает выделение в жирный или курсив с клавиатуры и превращает вставленный URL в ссылку вокруг того, что было выделено.
Частые вопросы
QКакой синтаксис Markdown поддерживается?+
Набор в стиле GitHub: заголовки в форме ATX (#) и с подчёркиванием, жирный, курсив, зачёркивание, выделение, код в строке, блоки кода в ограждениях и с отступом, вложенные цитаты, вложенные нумерованные и маркированные списки, списки задач, таблицы с выравниванием по столбцам, изображения, ссылки, голые URL, сноски, горизонтальные линии, жёсткие переносы строк, экранирование обратной косой чертой и YAML front matter, который не попадает в отрисованный вывод.
QМой документ загружается или хранится на сервере?+
Нет. Разбор, отрисовка, подсветка и весь экспорт выполняются в вашем браузере, и ни одна часть документа не передаётся. Единственная копия, переживающая вкладку, — черновик в локальном хранилище этого браузера, чтобы перезагрузка не потеряла работу; очистка данных браузера его удаляет.
QКак работает «Экспорт в PDF»?+
Инструмент строит чистую копию документа в выбранной теме и передаёт диалогу печати браузера только её, а вы выбираете «Сохранить как PDF». Шапка страницы, панель инструментов, рекламные блоки и подвал в печать не попадают: вы получаете документ на белой бумаге, с разрывами страниц вне середины блоков кода и таблиц.
QЧем «Копировать HTML» отличается от «Копировать с форматированием»?+
«Копировать HTML» кладёт разметку в буфер обмена как текст: семантические теги без классов фреймворков, готовые к вставке в CMS, шаблон или конструктор писем. «Копировать с форматированием» кладёт документ как форматированный текст, поэтому вставка в текстовый процессор, документ или почтовый клиент сохранит заголовки, жирный шрифт и списки вместо угловых скобок.
QМожно ли открыть уже имеющийся файл Markdown?+
Да — через «Открыть файл» или перетаскиванием на рабочую область. Ничего не загружается у вас за спиной: файл ждёт в лотке, а вы решаете, заменяет он содержимое редактора или добавляется к тому, что там уже есть. То же самое касается документов, переданных из другого инструмента oLoveTools.
QКакие есть горячие клавиши?+
Ctrl+B — жирный, Ctrl+I — курсив, Ctrl+E — код в строке, Ctrl+K — ссылка вокруг выделения, Ctrl+Z и Ctrl+Y — отменить и вернуть. Tab и Shift+Tab увеличивают и уменьшают отступ выделенных строк, а Enter продолжает список, нумерацию или цитату — нажатие на пустом пункте завершает список, а не добавляет ещё один пустой маркер.
QНасколько большой документ он выдержит?+
Принимаются файлы до 8 МБ — гораздо больше любого написанного вручную документа. Разбор идёт в Web Worker, чтобы редактор оставался отзывчивым на длинных файлах, а история отмены хранит только изменившиеся символы, а не копию документа на каждый шаг.