Draft.jsでのWYSIWYGエディタ作成

はじめに Draft.jsはFacebook謹製のリッチテキストエディタを作るためのフレームワークです。 詳しい説明はこの記事が丁寧に書いて下さっているので割愛します。 https://qiita.com/YudaiTsukamoto/items/264f333e90a1edb818a3#はじめに 今回の記事は太字や下線などの文字装飾、文字サイズの変更、画像、リンクの挿入、文字揃えの機能を導入する方法のまとめになります。 デモ 全体 装飾などがない雛形としては以下のコードになります。 EditorState.createEmpty()で空白のeditorStateを作成し、それをuseStateで管理しています。 import * as React from 'react'; import './style.css'; import { Editor, EditorState, } fro