正则表达式模式突出显示双引号内的 n 个序列字符串单词

Question

这是我从文本字符串中突出显示特定单词的脚本我唯一的问题是，当我想突出显示三个序列单词时，它只突出显示第一个单词，然后第二个仍然没有突出显示，然后突出显示第三个单词

* 被截断并且运行良好

? 高亮单词+ n 个字符

这是一个突出显示 n 个序列单词的示例。 我的问题在这里我想突出显示""里面的词 当我有双引号时，突出显示引号内的单词。

"reference is" 需要高亮而不是分隔的单词

exp：参考好是test1 test2（这里只高亮reference is）

var row = {
  "Abstract": "I have a reference server for reference and just a server here." 
};

//here i need to highlight "reference is" to serve test* (n sequnence words)

var wordsToHighlight = '"reference is" to ser?? test*';
var result = row["Abstract"];

wordsToHighlight.split(" ").forEach(function (word) {
  word = word.replace(/\*/g, '\\S*').replace(/\?/g, '.').replace(/\"/g, '.');
  result = result.replace(new RegExp('(\\s|^)(' + word + ')(?=\\s|$)', "gi"),'$1<span style="background-color:yellow;">$2</span>');
});
document.querySelector("#result").innerHTML = result;

<div id="result"></div>

Answer 1

你需要将原来的wordsToHighlight字符串分割成

.split(/"([^"]+)"|\s+/).filter(Boolean)

它将用双引号子字符串分割字符串，同时将双引号之间的子字符串推入结果数组（String#split 总是将捕获的子字符串推入结果数组），并带有 1+ 个空格，.filter(Boolean) 将删除空拆分操作期间可能产生的项目。

请参阅regex demo。

JS 演示：

var row = {
  "Abstract": "This reference is to serve test as a useful reference for testing whether the styling of reference works or not. Adtest all occurrences of 'reference' should be given a color of red tests" 
};

//here i need to highlight "reference is" to serve test* (n sequnence words)

var wordsToHighlight = '"reference is" to ser?? test*';
var result = row["Abstract"];

wordsToHighlight.split(/"([^"]+)"|\s+/).filter(Boolean).forEach(function (word) {
  word = word.replace(/\*/g, '\\S*').replace(/\?/g, '.').replace(/\"/g, '.');
  result = result.replace(new RegExp('(\\s|^)(' + word + ')(?=\\s|$)', "gi"),'$1<span style="background-color:yellow;">$2</span>');
});
document.querySelector("#result").innerHTML = result;

<div id="result"></div>