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>

我来自here的getSelectionHtml()，replaceSelectionWithHtml(html)。

还：

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

jQuery / javascript拆分文本节点

1 个答案: