ブログサービスとして人気のMedium。書きやすさがとても大事で、それはデザインやフォントサイズなど様々な面に表現されます。 そんなMediumの使っているWYSIWYGクローンと言えるのがMediumEditorです。

MediumEditorの使い方

デモです。シンプルで分かりやすいです。

リンクを設定する際の表示です。

テーマが多数あります。

引用表示した場合。

こんな感じの角丸表示もできます。

MediumEditorはピュアなJavaScriptで作られており、jQueryなどへの依存がありません。また、プラグインの仕組みに対応しており、数多くのプラグインが公開されています。

Mediumのデザインは様々な工夫がこらされた結果であり、クローンとしてそれを手軽に使えるようになるのは魅力的です。オープンソースなので自分好みにカスタマイズもできるでしょう。

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

MediumEditor yabwe/medium-editor: Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.