ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

MOONGIFTプレミアムに登録して運営をサポートしてください!月額500円の他、半年(3,000円)、年間パック(6,000円)もあります。企業向けに3アカウント以上で請求書払いも可能です(年間一括のみ)。従業員の方向けのサービスにいかがですか? プレミアムユーザのログインはこちらから

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2