匹配在contenteditable div中的少数元素的字符串

Question

我正在使用WYSWIG编辑器，我有选择哪些搜索字符串并突出显示它们。我用了很多外部库，没有人找到字符串，它是在几个要素，如：（我想选择“文本”）

<b>T</b> 
<u>e</u> 
<s>x</s> 
<b>t</b> 

或

<b>Te</b> 
<i>xt</i> 

如何选择使用JavaScript和/或JQuery的少数元素的字符串？
感谢您的帮助。

Answer 1

这样做的方法之一是获取包含此格式文本的div的text属性。在下面的代码片段中，我创建了一个包含格式化HTML的虚拟div。因此，为了获得div的纯文本内容，您可以访问text属性，然后在其中进行搜索。

也许，如果需要，也可以使用replace函数替换换行符。

var string = `<b>T</b> 
 
<u>e</u> 
 
<s>x</s> 
 
<b>t</b>`; 
 

 
var div = document.createElement('div'); 
 
div.innerHTML = string; 
 
console.log(div.innerText);