的jQuery/JavaScript的拆分文本節點

Question

我需要根據一個用戶選擇這樣分割的HTML元素：在第一次使用

<p> Hi , i need to <b>split <i> an [HTML] element </i> based on a users selection </b></p> 

：

<p> Hi , i need to <b>split <i> an </i> HTML <i> element </i> based on a users selection </b></p> 

和在第二使用：

<p> Hi , i need to <b>split <i> an </i></b></p> 
    HTML 
<p><b><i> element </i> based on a users selection </b></p> 

我有getSelectionHtml()，replaceSelectionWithHtml(html)從here。

也：

function range(){ 
    var range = window.getSelection().getRangeAt(0); 

    var a = range.startContainer ; 
    els = []; 
    while (a.tagName != 'DIV') { 
     els.unshift(a); 
     a = a.parentNode; 
    } 
} 
//so i have els[0] = <p> element , els[1] = <b> element , els[2] = <i> element 

請幫助。

Answer 1

如果你只是想替換特定的字符串。你可以試試這個。

("<p> Hi , i need to <b>split <i> an [HTML] element </i> based on a users selection </b></p>").replace(/[HTML]/g, '</i> HTML <i> ')