私は react-rte を使用していますが、それを拡張したいと考えているので、Draft-js について話しましょう。
選択範囲を「インライン スタイル」にできる必要があります。次に、後続のレンダリングで、その選択の dom に再アクセスします。
では、選択範囲を強調表示するとします。次に、ドキュメントを永続化します。それから私は戻ってきて、ドキュメントをリロードします。強調表示されたセクションにアクセスできるようにする必要がありますが、dom 内にあります。
基本的に、ドキュメントの横に、draft-js の外側にマーカーを適用しています。これらのマーカーは、強調表示された部分に合わせる必要があります。したがって、最初の強調表示を行うと、window.getSelection() から dom の位置を取得でき、マーカーを配置できます。しかし、ドームは後で変更される可能性があり、マーカーを配置することはできません。
- 編集 -
したがって、別の使用例は、選択範囲を強調表示することです。同じセッションでも、選択範囲の色をプログラムで変更する必要があるため、カーソルがそのセクションになくてもドキュメントのセクションにアクセスする必要があります。
--編集終了--
したがって、私が本当に必要としているのは、一意のクラス名、ID、またはインライン スタイルを実行するときに作成される新しいスパンの反応参照のようなものです。
より良い説明が必要な場合はお知らせください。