jQuery / javascript 分割文本节点答案

【问题标题】：jQuery / javascript split text nodejQuery / javascript 分割文本节点
【发布时间】：2014-07-18 13:53:00
【问题描述】：

我需要根据用户的选择来拆分 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

请帮忙。

【问题讨论】：

请明确提出问题。
你想创建一个编辑器吗？
+ Anoop Joshi 是的 :)
+C-link尼泊尔：哪里不清楚？

标签： javascript jquery html split textnode

【解决方案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> ')

【讨论】：

谢谢，但我确实想学习使用节点和元素。
和[HTML] 表示（HTML）字符是用鼠标选择的
所以要替换用户点击的html标签？