正则表达式匹配包含换行符的段落中的句子

Question

我基本上在 html div 中有一段文本。通过单击/激活按钮，我想突出显示一定长度的文本。因此，我需要找到它的索引并向它们添加 class=highlight 的跨度。

因此，我想匹配一个innerHtml文本中的句子，例如：

var text = "The quick brown fox jumps over the lazy dog".

但是，该段落可能会将句子分成多行，例如：

innerHTML = 
"The quick brown 
fox jumps over 
the lazy dog"

而且我不能以任何方式“修改”innerHTML，例如从文本中删除空格/换行符。

我似乎无法想到或找到正确的正则表达式序列来实现这一点。

这不起作用：

var search_regexp = new RegExp(text, 'm');
innerHTML.search(search_regexp);

Answer 1

你可以replace换行空格和match。

var fnReplaceLR = ( str ) => str.replace(/\s+/g, " " ); //method to replace line-breaks and other consecutive multiple spaces with single space.
var text = "The quick brown fox jumps over the lazy dog";
var innerHTML = 
`The quick brown 
fox jumps over 
the lazy dog`;
var search_regexp = new RegExp( fnReplaceLR( text ) ); //no need for m modifier now
fnReplaceLR( innerHTML ).match( search_regexp ); //match the string

演示

var fnReplaceLR = (str) => str.replace(/\s+/g, " "); //method to replace line-breaks and other consecutive multiple spaces with single space.
var text = "The quick brown fox jumps over the lazy dog";
var innerHTML =
  `The quick brown 
    fox jumps over 
    the lazy dog`;
var search_regexp = new RegExp(fnReplaceLR(text)); //no need for m modifier now
var output = fnReplaceLR(innerHTML).match(search_regexp); //match the string
console.log(output);

Answer 2

当您搜索单词之间的任何空格（不仅仅是空格）时，您需要将搜索模式中的空格替换为通用空格标记。这将起作用：

var regex = text.split(/\s+/).join('\\s+');
var search_regexp = new RegExp(text, 'm');
innerHTML.search(search_regexp);

split(/\s+/).join('\\s+')的效果是：

1. 将输入文本拆分为任意数量的空格，生成单词数组，
2. 用\s+ 正则表达式标记连接单词，它匹配一个或多个空白字符。这包括换行符和制表符。

Answer 3

嗯，这就是我会做的。

只需将文本按\n 拆分，然后与" " 连接即可为其提供单行句子格式。现在您可以使用.includes 来检查您要匹配的文本是否是其他文本的一部分

var text = "The quick brown fox jumps over the lazy dog",
    stringWithBreakLines = `The quick brown
fox jumps over
the lazy dog
this is some additional
text in html`;
 
console.log(stringWithBreakLines.split("\n").join(" ").includes(text))