javascript - 使用 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('**');
  }