Rangy:为同一段文字添加多个高光

时间:2013-02-26 15:01:59

标签: javascript rangy

我正在使用Rangy做一些文字突出显示。用户选择一些文本,单击按钮,然后使用Rangy荧光笔模块突出显示文本。我还允许用户搜索文本片段,使用相同的荧光笔模块再次突出显示搜索结果。但是,对于搜索结果,我使用了不同的类。

我遇到的问题是当我搜索包含在突出显示内的一段文本时。 Rangy根据自己的喜好过于聪明,并且正在将我想要的两个跨度与不同的类合并为一个具有多个类的单个跨度。虽然它看起来很好,但问题来自于“清除”搜索结果。这也会删除重叠的高光。

就结果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应用程序时,我可以使用哪些设置来获得此结果吗?

0 个答案:

没有答案