Markdownエディタは数多く存在します。多くは二画面形式になっており、左側がエディタ、右側がプレビューになっています。しかし、この場合は編集している内容とその結果の両方を逐次確認しないといけません。 Slate markdown editorはそういった手間なく、その場で表示に反映されるので初心者にも分かりやすい仕組みになっています。

Slate markdown editorの使い方

Slate markdown editorの画面。左側がエディタ、右側には変換後のHTMLが表示されています。

画像は選択すると削除できます。

新しい画像を埋め込むこともできます。

Slate markdown editorは多数のキーボードショートカットが用意されており、その多くはMarkdown記法を入力した後でスペースキーを入力すると反映されます。慣れると、Markdown記法を使いながらその場で表示がどうなるか確認できるのでさくさくと書けるようになるでしょう。WYSIWYGにありがちなツールバーで選択するのとはまた違った入力方式です。

Slate markdown editorはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Slate markdown editor Canner/slate-md-editor: A markdown editor, that allows you to edit live with hot keys support!