Facebookが開発している、WYSIWYGエディタのベースになるDraft.JSというソフトウェアがあります。Draft.JSを使うことで効率的に非開発者でも使いやすいエディタが開発できます。 今回はDraft.JSをベースとして、さらに拡張性を高めたMegadraftを紹介します。

Megadraftの使い方

デモです。リスト表示の例。

それぞれ編集、削除できます。

新しいリストの追加もできます。

画像や動画を埋め込んだりすることもできます。

Megadraftはユーザビリティ高く、プラグインによって拡張可能なライブラリとなっています。何でも作れると言うよりも、プラグインでテンプレートを作ることで、ユーザは特定のフォーマットに沿った入力を簡単にできるようになるというもののようです。

MegadraftはReact/JavaScript製のオープンソース・ソフトウェア（MIT License）です。

Megadraft - Draft.JS Rich Text Editor globocom/megadraft: Megadraft is a Rich Text editor built on top of Facebook’s Draft.JS featuring a nice default base of components and extensibility