Javascript:根据给定的索引突出显示文本

时间:2017-07-04 16:01:56

标签: javascript highlighting

所以现在我有功能,我得到一组索引,并通过在这些索引落在哪里放置span标签来突出显示文本。

例如,让我拥有以下索引数组:[{0,4},{7,11}]

我要强调的文字是:“我要强调的文字”

所以基本上我的函数会在字符串周围应用span标签,其中包含起始和结束索引。基本上我的最终产品是:

<span class="highlight">Text</span> I <span class="highlight">want</span> to highlight

现在的问题是我想在某些文本中加粗(突出显示)。对于上面这样的场景,一切都很好。但现在粗体和突出显示之间可能存在重叠。请采取以下措施:[{0,4,highlight},{7,14,highlight},{12,14,bold}]

所以最终产品看起来像这样:

   <span class="highlight">Text</span> I <span class="highlight">want </span><span class="highlightandbold>to</span> highlight

我尝试了一些事情,但我想简化一切并遇到一些困难。任何帮助表示赞赏。

0 个答案:

没有答案