jQuery를/자바 스크립트 분할 텍스트 노드

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> 

을, 2 차 사용 :

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