匹配在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);