使用 span 突出显示字符串中的文本时会产生问题

Question

我是webDevelopment 的新手。我有一个字符串，我想突出显示字符串的某些部分，例如我想突出显示的 10-15 件事。现在我也有了偏移量，比如我想从该字符串中突出显示的文本的开头和结尾。因此，当在循环中首先突出显示时，它会在其中添加带有类标记的 span 标签，因此索引正在更改，然后当它尝试突出显示第二个时，它没有得到完美匹配，因为现在偏移量是改变了。那么，如何将确切的文本与 span 标签匹配或不匹配？

$scope.highlight = function(content,startoffset,endoffset){return content.replace(content.substring(startoffset, endoffset), '<span class="' + className + '">$&</span>');}

.mark {background-colour = yellow;}

谁能帮帮我，这对我来说真的很麻烦。

Answer 1

请参阅此https://plnkr.co/edit/j5VCCjCHN60l0QNSTtLo?p=preview。我用“**”替换了您的标记，因为它很容易显示示例示例。

  function stringReplace(content, startoffset, endoffset, previousOffset) {
    _temp = _temp.concat(content.substring(previousOffset || 0, startoffset));
    _temp = _temp.concat('**');
  }