我正在使用 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 应用程序时我可以使用一些设置来给我这个结果吗?