テキストの強調表示を行うためにRangyを使用しています。ユーザーがテキストの一部を選択し、ボタンをクリックすると、Rangy ハイライター モジュールを使用してテキストがハイライトされます。また、ユーザーがテキストの一部を検索できるようにしています。検索結果は、同じハイライター モジュールを使用して再び強調表示されます。ただし、検索結果には別のクラスを使用します。
これに関して私が抱えている問題は、ハイライト内に含まれるテキストを検索するときです。Rangy はあまりにも巧妙すぎて、私が望んでいた異なるクラスの 2 つのスパンを、複数のクラスを持つ 1 つのスパンにマージしています。問題ないように見えますが、問題は検索結果を「クリア」することにあります。これは現在、重なったハイライトも削除します。
結果の HTML に関しては、現在、次のようなものがあります。
<span class="highlight search">some text</span><span class="highlight"> and some more</span>
しかし、私が欲しいのは、次のようなスパン結果内のスパンです。
<span class="highlight"><span class="search">some text</span> and some more</span>
この結果が得られるハイライターまたは css アプライヤを作成するときに使用できる設定はありますか?