ハイライトの選択（ホバー上に表示され、編集可能）

Question

draft.jsを使用してテキストを修正するいくつかの機能を備えたテキストエディタを実装しようとしています。そのアイデアは、エラーを強調表示し、それを修正するためのメモを書き込むことです。強調表示されたテキストにカーソルを合わせると、ノートが表示され、編集可能になります。私はすでにのみ（https://facebook.github.io/draft-js/docs/advanced-topics-inline-styles.html#content）

をスパン（または別の）といくつかのテキストを折り返すと、それにいくつかのスタイルを与えることができ、テキストが、インラインスタイルを強調するために、いくつかのインラインスタイルを書かれている

はしかし、私はonmouseover属性処理する必要があります/ onmouseleaveイベントはノートを表示し、最終的に編集します。

ブロックでの選択または何か他のものでラッピングできますか？ブロックは、インラインスタイルのような別のブロック内のスパンになります。

Answer 1

A decorator。カスタムReactコンポーネントを使用して特定のテキストをレンダリングする機会を与えます。したがって、マウスイベントをReactコンポーネントに登録することができます。