7 онлайн-редакторов с поддержкой markdown-синтаксиса

Помимо онлайн-редакторов с возможностью совместного редактирования и поддержкой Markdown, встречаются и более простые решения. В целом, их можно разделить на а) сервисы, поддерживающие импорт, экспорт и сохранение; б) редакторы без возможности сохранения. В сводной таблице представлены следующие аспекты сравнения участников:

  • Совместное редактирование
  • Интеграция с сервисами
  • Импорт/экспорт
  • Редактор: подсветка синтаксиса, нумерация строк, статистика по тексту, поддержка горячих клавиш
  • Офлайн-доступ

Участники обзора:

  1. Escrito
  2. Dillinger
  3. lepture’s lab editor
  4. Markdown: Dingus
  5. (GitHub-Flavored) Markdown Editor
  6. wri.pe
  7. Markable

Escrito

Домашняя страница: http://escrito.herokuapp.com/

Escrito

Escrito — редактор для совместной работы с документами. Поддерживаемые форматы для импорта — Textile, Markdown. На экспорт доступны TXT и HTML.

Изначально проект не был рассчитан на широкую аудиторию, однако позже редактор приобрел публичный статус. На данный момент Escrito представляет собой вполне самодостаточный сервис на основе NodeJS, ShareJS, различных парсеров и библиотек.

Редактирование документа осуществляется в реальном времени, возможно совместное редактирование — что редкость для подобных небольших проектов. Механизм по разграничению прав отсутствует, доступ предоставляется по публичной ссылке.

Из удобств: в Escrito реализовано перетаскивание, можно переключаться одним кликом между режимами предварительного просмотра и редактирования, поддерживаются горячие клавиши.

Dillinger

Домашняя страница: http://dillinger.io/

Dillinger

Dillinger — облачный HTML5-редактор с поддержкой markdown-редактирования. Основан на библиотеках Ace Editor, Marked, Twitter Bootstrap, node.js и других компонентах.

Текстовый редактор Dillinger состоит из двух панелей, включает в себя предосмотр в реальном времени, нумерацию строк и подсветку. Примечателен выбор тем оформления интерфейса, который также затрагивает подсветку синтаксиса.

Функции импорта/экспорта представлены в меню левой панели. Для экспорта во внешний файл доступны форматы Markdown, HTML и PDF. Можно открыть или сохранить локальный файл в кэше браузера. Кэш используется по умолчанию, вместо привычного хранения на сервере с привязкой к профилю. Недостаток метода состоит в том, что вместе с очисткой кэша, данные легко стереть по неосторожности. Вторая особенность импорта — загружать в редактор можно только сохраненные документы, загрузка с локального диска не предполагается.

Впрочем, стоит упомянуть еще один способ хранения заметок — это интеграция с Dropbox, GitHub или Google Drive. Соответственно, интегрировав Dillinger с любым из аккаунтов, можно задействовать двухстороннюю синхронизацию.

lepture’s lab editor

Домашняя страница: http://lab.lepture.com/editor/

lepture’s lab editor

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

На верхней панели редактора присутствуют кнопки markdown-форматирования. В нижней части — статистика по словам, навигации. Предосмотр и переход в полноэкранный режим осуществляются одним нажатием. При этом не очень удобен изначальный режим редактирования: слишком узкая панель, которую можно было бы расширить или добавить к ней еще одну, с предосмотром.

Markdown: Dingus

Домашняя страница: http://daringfireball.net/projects/markdown/dingus

Markdown: Dingus

Сервис Dingus стоит упомянуть хотя бы потому, что его создал не кто иной, как разработчик Markdown Джон Грубер.

Dingus представляет собой минималистичный редактор для экспорта исходного кода, без каких-либо намеков на интерактивность и поддержку дополнительных библиотек. Состоит, по сути, из одной панели. Шпаргалка по синтаксису доступна в правой колонке.

Параметры экспорта для обработки исходного документа выставляются вручную. В ниспадающем меню выбирается фильтр (Markdown или «умная» пунктуация SmartyPants), затем — формат вывода. При нажатии на Convert выводится результат, и полученный код можно скопировать для дальнейшего использования.

(GitHub-Flavored) Markdown Editor

Домашняя страница: http://jbt.github.io/markdown-editor/

(GitHub-Flavored) Markdown Editor

Как известно, язык Markdown имеет некоторые вариации. В целом, различия носят «косметический» характер и служат для добавления некоторой дополнительной функциональности в тот или иной сервис. Скажем, GitHub использует т. н. GitHub Flavored Markdown.

(GitHub-Flavored) Markdown Editor — очень несложный редактор, его прототипом послужил html-редактор с нумерацией строк, подсветкой синтаксиса и исходного кода. Поэтому некоторые функции перекочевали оттуда.

Markdown Editor поддерживает коды, списки, ссылки, прочие стандартные и дополнительные возможности (см. описание GitHub Flavored Markdown). Интерфейс двухпанельный, предосмотр доступен в правой колонке. Кроме того, можно выделить еще несколько удобных моментов:

  • Для сохранения md-файла достаточно нажать Ctrl + S — файл будет сразу же загружен через браузер.
  • Предоставить доступ к файлу можно по ссылке. Впрочем, сложно назвать подобную реализацию удачной. Во-первых, ссылка выглядит слишком громоздкой, и в ряде случаев придется ее сократить. Во-вторых, каждая внесенная правка изменяет адрес ссылки — поэтому одновременное редактирование документа не представляется возможным.
  • Поддерживается перетаскивание файлов напрямую в окно редактора.

wri.pe

Домашняя страница: https://wri.pe/

wri.pe

wri.pe — онлайн-блокнот с привязкой к учетной записи. Имеет ряд отличий от вышеупомянутых веб-редакторов. Одно из них заключается в том, что заметки могут храниться на сервисе Evernote или облаке Dropbox с возможностью ежедневного резервного копирования.

Редактор wri.pe достаточно удобен за счет панели форматирования, в то же время, нет подсветки синтаксиса и нумерации строк. В боковой панели можно изменить шрифт — фиксированный или пропорциональный, здесь же доступна шпаргалка и предосмотр документа.

Все записи хранятся на сервере в упорядоченном формате в разделе «Архив», вследствие легко найти искомую заметку. Также есть поиск. Еще один интересный раздел — «Календарь». Даты, которые были вписаны в заголовок или тело заметки, автоматически добавляются в расписание. Календарь wri.pe можно подключить ко внешним сервисам вроде Google Calendar или iCal.

В планах разработчиков — добавить офлайн-доступ к блокноту, поддержку дополнительных форматов, публикацию и совместный доступ к заметкам.

Markable

Домашняя страница: http://markable.in/

wri.pe

Markable — популярный редактор с поддержкой разметки Markdown и Markdown extra. Создав учетную запись, можно использовать сервис не только для редактирования, но и хранения заметок.

Интерфейс разделен на две части, в одной из них редактируется markdown-текст, во второй доступен предосмотр. Редактор подсвечивает синтаксис, поддерживает нумерацию, позволяет изменять тему оформления.

Markable неплохо справляется с импортом и экспортом. Так, можно открыть локальный html- или md-файл, импортировать заметки из Evernote, Dropbox. Причем импорт из облачных сервисов осуществляется отдельно от загрузки локальных файлов.

Отредактировав документ, можно сохранить его локально (в HTML или Markdown) либо загрузить в облако. Для этих нужд Markable создает отдельную папку в Evernote или Dropbox. Таким же образом, через облачное хранилище, предоставляется доступ к файлам. Как вариант, можно открыть доступ (т. е. опубликовать документ) по команде View → File Page. Также возможна публикация заметок в блог на платформе Tumblr.

Резюме

Редактор Escrito интересен поддержкой двух форматов — Markdown и Textile. Сервис подойдет для быстрого редактирования документов, без оглядки на безопасность. Сейчас в нем не хватает функций ограничения доступа, импорта и экспорта.

Dillinger — редактор с широкими импортными-экспортными возможностями, облачной интеграцией, офлайн-режимом и удобным визуальным редактором. В принципе, сервис мог бы послужить функциональной альтернативной обозреваемым ранее сервисам (Draft, Penflip, Typewrite и др.), однако в Dillinger отсутствует совместное редактирование.

Если не требуется импорт/экспорта, редактирование осуществляется по принципу скопировать-вставить markdown-код, будет полезен редактор от lepture’s lab.

Понятно, что в Markdown: Dingus удобств самый минимум: нельзя сохранить файл, задействовать горячие клавиши и прочее. Однако сервис вполне пригоден для конвертации в html или применения фильтра SmartyPants.

В (GitHub-Flavored) Markdown Editor используется одноименный GitHub-Flavored синтаксис, есть подсветка (как для исходного кода, так и для превью), доступно быстрое сохранение md-файлов и предоставлении доступа к документу.

wri.pe представляет собой блокнот с привязкой к календарю, удобной категоризацией и поиском по заметкам. Интеграция с Evernote и Dropbox позволяет синхронизировать файлы.

Markable — один из наиболее функциональных редакторов, не предполагающих совместное редактирование. Благодаря поддержке Dropbox и Evernote, удобен для импорта и экспорта заметок.

Сводная таблица

СервисEscritoDillingerlepture’s lab editorMarkdown: Dingus(GitHub-Flavored) Markdown Editorwri.peMarkable
Совместное редактирование+
ИмпортTextile, MarkdownMarkdownMarkdown, HTML
ЭкспортTXT, HTMLMarkdown, HTML, PDFMarkdownMarkdown, HTMLMarkdown, HTML
Подсветка синтаксиса+++++
Нумерация строк+++
Статистика по тексту+++
Интеграция с сервисамиDropbox, GitHub, Google DriveEvernote, Dropbox, Google Calendar, iCalEvernote, Dropbox
Офлайн-доступ+
Поддержка горячих клавиш+++++

16 июня 2014 Г.

7 - markdown-

7 - markdown-

- Markdown, . , ) , , ; ) . :

  • /
  • : , , ,
  • -

:

  1. Escrito
  2. Dillinger
  3. lepture’s lab editor
  4. Markdown: Dingus
  5. (GitHub-Flavored) Markdown Editor
  6. wri.pe
  7. Markable

Escrito

: http://escrito.herokuapp.com/

Escrito

Escrito — . — Textile, Markdown. TXT HTML.

, . Escrito NodeJS, ShareJS, .

, — . , .

: Escrito , , .

Dillinger

: http://dillinger.io/

Dillinger

Dillinger — HTML5- markdown-. Ace Editor, Marked, Twitter Bootstrap, node.js .

Dillinger , , . , .

/ . Markdown, HTML PDF. . , . , , . — , .

, — Dropbox, GitHub Google Drive. , Dillinger , .

lepture’s lab editor

: http://lab.lepture.com/editor/

lepture’s lab editor

Markdown, WYSIWYG-. , .

markdown-. — , . . : , , .

Markdown: Dingus

: http://daringfireball.net/projects/markdown/dingus

Markdown: Dingus

Dingus , , Markdown .

Dingus , - . , , . .

. (Markdown «» SmartyPants), — . Convert , .

(GitHub-Flavored) Markdown Editor

: http://jbt.github.io/markdown-editor/

(GitHub-Flavored) Markdown Editor

, Markdown . , «» . , GitHub . . GitHub Flavored Markdown.

(GitHub-Flavored) Markdown Editor — , html- , . .

Markdown Editor , , , (. GitHub Flavored Markdown). , . , :

  • md- Ctrl + S — .
  • . , . -, , . -, — .
  • .

wri.pe

: https://wri.pe/

wri.pe

wri.pe — - . -. , Evernote Dropbox .

wri.pe , , . — , .

«», . . — «». , , . wri.pe Google Calendar iCal.

— - , , .

Markable

: http://markable.in/

wri.pe

Markable — Markdown Markdown extra. , , .

, markdown-, . , , .

Markable . , html- md-, Evernote, Dropbox. .

, ( HTML Markdown) . Markable Evernote Dropbox. , , . , (. . ) View → File Page. Tumblr.

Escrito — Markdown Textile. , . , .

Dillinger — - , , - . , (Draft, Penflip, Typewrite .), Dillinger .

/, - markdown-, lepture’s lab.

, Markdown: Dingus : , . html SmartyPants.

(GitHub-Flavored) Markdown Editor GitHub-Flavored , ( , ), md- .

wri.pe , . Evernote Dropbox .

Markable — , . Dropbox Evernote, .

EscritoDillingerlepture’s lab editorMarkdown: Dingus(GitHub-Flavored) Markdown Editorwri.peMarkable
+
Textile, MarkdownMarkdownMarkdown, HTML
TXT, HTMLMarkdown, HTML, PDFMarkdownMarkdown, HTMLMarkdown, HTML
+++++
+++
+++
Dropbox, GitHub, Google DriveEvernote, Dropbox, Google Calendar, iCalEvernote, Dropbox
-+
+++++