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

Question

我正在使用WYSWIG编辑器，我可以选择搜索字符串并突出显示它们。我使用了很多外部库，没有人找到少数元素的字符串，如下所示:(我试图选择“Text”）

<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);