【Draft.js】Entity

Entityとは

• ContentBlock の text のメタデータを表す要素
• ContentState の entityMap にエンティティの数分格納されている

Entityに格納される情報

type

• どのような種類のエンティティであるか
  • デフォルトで用意されている type は下記の通り
    • LINK
    • TOKEN
    • PHOTO
    • IMAGE
  • 上記以外に自作の type も定義可能
• type に対してレンダリングするReactコンポーネントを指定可能

mutability

• エンティティオブジェクトでアノテーションされたテキストの範囲をエディタ内で編集する際の動作を示す
  • 下記の3つを指定可能
    • MUTABLE
      text からエンティティアノテーションを削除しなければ編集不可
      （例） 画像、メンション
    • IMMUTABLE
      text を自由に編集可能
      （例） テキストリンク
    • SEGMENTED
      基本的には IMMUTABLE と同じだが、削除時の挙動をカスタマイズ可能

data

• エンティティのメタデータ
  （例） LINK エンティティの場合、a タグの href に渡すurlを持つ
  { url: "https://example.com" }