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。我用＆＃34; **＆＃34;取代了你的标记。因为它很容易显示示例。

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

同时使用跨度创建问题突出显示字符串中的文本

1 个答案: