Markdownのシェアが広まるのに合わせて、より慣れていない人たちが使いやすくなる環境が必要になっています。WYSIWYGで入力支援できるツールはもちろんのこと、プレビューなども必要です。 今回紹介するSimpleMDEはシンプルなUIのMarkdownエディタになります。決して多機能ではありませんが十分なエディタとなっています。

SimpleMDEの使い方

エディタの画面です。上部にツールバーがあり、アイコンが並んでいます。

デモ

日本語も問題なく使えます。リスト入力時に自動補完があるなど入力がサポートされています。

リスト

画像は挿入できますが、閲覧できるのはプレビューの時だけです。

画像プレビュー

二画面表示もあります。

二画面表示

自動保存やツールバーを消すこともできます。

追加機能

SimpleMDEは簡単な入力がサポートされていたり、文字装飾が行われるようになっています。エディタの下には文字数などが表示され、スペルチェッカー機能もあります。自動保存機能によって、画面を閉じてしまっても内容が復旧されます。

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

JavaScript Markdown Editor - SimpleMDE sparksuite/simplemde-markdown-editor: A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.