Fork me on GitHub

Webブラウザで使えるMarkdownエディタの比較

  • Aug 13, 2013

概要

Webブラウザから利用できるMarkdownエディタを比較してみます。

個人的には、テキスト系の保存にはEvernoteを使っているので、 ソフトのインストールが不要でリアルタイムプレビューできてオフラインでも使える、 というのが理想だと思っています。

比較

とりあえず全体のまとめ。順不同です。

サービス名 エンジン ライブプレビュー オフライン 編集補助 自動保存 サーバ保存
Backpager WMD × ×
Dillinger Showdown ×
Editor CodeMirror × ×
GitHub Flavored Markdown Live Preview Showdown × × ×
Hallo.js Showdown × ×
InstantMark Showdown × × ×
Markable.in 独自 ×
Markdown: Dingus Markdown × × × × ×
Markdown Editor by Jon Showdown × × ×
Markdown Edit Marked ×
Markdown Live Preview Markdown.js × × × ×
Markdown Live Editor by Jaime WMD ×
Markdown Viewer Markdown.js × × ×
Minimalist Online Markdown Editor Showdown × × ×
Online Markdown Editor by CtrlShift Showdown × × ×
Online Markdown Editor by Werner WMD × ×
Share Memo Marked ×
Socrates CodeMirror × × ○?
wri.pe 独自 ○(予定)

今のところ、wri.peがぶっちぎりで使いやすいです。 wri.peのオフライン対応まではMarkdown Editで、 オフライン対応後に乗り換え、という感じですかね。

これらをChromeでアプリケーションショートカット化すると、 十分エディタとして使えます。

Markdown: Dingus

Markdown: Dingus

Markdownの提唱元が提供しているオンライン変換サービスです。 基本的にオンラインでのみ動作します。 ライブプレビューなどはありません。 エディタの補助もありません。

Online Markdown Editor by CtrlShift

Online Markdown Editor by CtrlShift

非常にシンプルな機能で、軽快に動きます。 ライブプレビューも見られます。 ほぼShowdownの機能そのままな感じです。 オフラインでの動作機能はありませんが、ブラウザにキャッシュされていれば動作します。 またエディタはtextareaそのままなので、編集時の補助機能などもありません。

Markdown Viewer

Markdown Viewer

こちらもシンプルなエディタ。 ライブビューがあって、Markdown記法に従います。 上と同じようにオフラインを正式にはサポートしていませんが、キャッシュにあれば動作します。 編集時の補助はありません。

Markable.in

Markable.in

オンラインにアカウントを作ると、サーバ側で編集内容を保持してくれるエディタです。 ライブビューもあります。 エディタもリスト記号を自動的に付加してくれたり、タブが入力できたりと、補助もあります。 オンラインではないと動作しないのが難点。

Online Markdown Editor by Werner

Online Markdown Editor by Werner

これもシンプルなエディタです。 ライブビューがあって、エディタの編集補助もあります。 基本的にキャッシュにあれば、オフラインでも動きます。

Markdown Live Preview

Markdown Live Preview

これはエディタが前面に出てくるエディタです。 ライブビューはなくて、Previewボタンを押すとプレビューができます。 エディタの横幅が固定なのがちょっと気になるところ。

Minimalist Online Markdown Editor

Minimalist Online Markdown Editor

画面上にコンテンツ以外ほとんど何も表示されない、非常にシンプルなエディタです。 ライブビューもあります。

InstantMark

InstantMark

これもシンプルなエディタ。 ライブビューもあります。 編集補助はありません。 ファイルへの保存機能が付いています。

Markdown Editor by Jon

Markdown Editor by Jon

シンプルなエディタ。ライブビューあり。 編集補助はありません。 レイアウトを自由に変更できるので、画面が狭くても使いやすいです。

Markdown Edit

Markdown Edit

ちょっと機能豊富なエディタ。 ライブビューもあります。 HTML5のアプリケーションキャッシュを使って、自動保存をしてくれます。

Markdownのハイライトもしてくれて、 タブキーは利用できるように多少の編集補助もあります。 画面の幅が狭いと、プレビューが下に移動するレスポンシブデザインになっています。

Markdownの横幅が広い、エディタ部分が横にスクロールしてしまうのがちょっと残念なところ。 あと、イメージまわりにバグがあるらしく、編集中に

![]http://...

という記述に()を追記しようとすると、エディタが停止してしまいます。(2013/8/2)

Backpager

Backpager

シンプルなエディタ。ライブビューあり。 ベースはWMDなので、Online Markdown Editor by Wernerとほぼ同等です。 キーボードショートカットが使える編集補助はありますが、タブは使えません。 画面の見た目は綺麗です。

wri.pe

wri.pe

ライブビューのあるシンプルなエディタで、編集補助あり。 しかもテーブルが表現可能。 キーボードショートカットでノートの新規作成などを行うことができます。 将来的にはオフラインで動作します。

基本的にMarkdownで書いたノートはサーバ側に自動的に保存されて、 カレンダーのビューなどから参照することができます。 また、ノートをアーカイブする機能もあります。

DropboxやEvernoteと連携して、ノートをそちらに保存する こともできます。

今のところオフライン時には保存ができないので、 メモ1個しか新規作成できませんが、 Markdownの編集に加えて、自動保存、検索までできてしまう 完璧すぎるサービスです。

Share Memo

Share Memo

これは、どちらかというと作成したメモを共有するためのサービス。 ノート1つずつにURLが割り当てられて、共有できます。

Gistと違って編集履歴などは残りませんが、FacebookアカウントやTwitterアカウントだけで 手軽にメモを共有できるのが良い感じです。

正式にはオフラインには対応していませんが、新規作成ページがキャッシュされていれば プレビューも含めて基本的なメモの作成はできます。

Markdown Live Editor by Jaime

Markdown Live Editor

WMDを使ったシンプルなエディタ。 HTML5のローカルストレージを使って、編集中のコンテンツをブラウザ内に保存しておいてくれます。 オフライン状態でも動作します。

Dillinger

Dillinger

Showdownを使った、機能豊富なエディタ。 エディタ部分にACEが使われていて、編集補助があります。 プレビュー自体はJavaScriptでできていますが、 オフラインキャッシュでは動かないようです。 テーブルも表示できません。

改行の扱いが、オリジナルのMarkdownと違って、 HTML上でも改行として扱われます。

行番号が表示されたり、プレビューが連動スクロールしたりと細かい使い勝手が良い感じです。 バックエンドはnode.jsでできてますが、ソースも公開されています。 プラグインで、ファイルを[Dropbox]やGoogle Driveに 保存できるようになっています。

Editor

Editor

これは毛色の少し違ったエディタで、HTMLに変換しての プレビューはしませんが、Markdownの記号の自動挿入や、 自動リンク、ボールド表示などをしてくれます。 ソースも公開されています。

オフラインでもキャッシュされていれば動きます。

機能自体は凄くシンプルで、コンテンツを何処かに保存したりする 機能はありません。

GitHub Flavored Markdown Live Preview

GitHub Flavored Markdown Live Preview

これは凄くシンプルにプレビューをするためだけに 特化したエディタです。 編集補助もありません。

GitHub Flavoredとありますが、エンジンはShowdownなので テーブルの表示などもできません。

Hallo.js

Hallo.js

これもShowdownを使ったプレビュー付きのエディタですが、 プレビューを編集してMarkdownに反映することもできる 面白いエディタです。

キャッシュされていればオフラインでも動きます。

Socrates

Chromeでうまく動かなかったので、画面イメージはありません。

これも、入力したMarkdownをプレビューできるエディタ。 Firebaseを使ってサーバ側にMarkdownを保存しておいてくれて、URLですぐに開けます。