jQuery / javascript split text node

Question

i need to split an HTML element based on a users selection like this :

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

in first use :

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

and in 2nd use :

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

i have getSelectionHtml() , replaceSelectionWithHtml(html) from here .

also :

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

please help .

please do clearly ask the question. – Bhojendra Rauniyar Jul 18 '14 at 13:54 — Bhojendra Rauniyar, Jul 18 '14 at 13:54
Are you trying to create an editor? – Anoop Joshi P Jul 18 '14 at 13:54 — Anoop Joshi P, Jul 18 '14 at 13:54
+C-link Nepal : where is unclear? – talkhabi Jul 18 '14 at 13:59 — talkhabi, Jul 18 '14 at 13:59

score 0 · Answer 1 · answered Jul 18 '14 at 15:31

0

If you just want replace the particular string. You can try this.

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

answered Jul 18 '14 at 15:31

AmanVirdi

1,667
2
22
32

thank you but indeed i want to learn working with nodes and elements. – talkhabi Jul 18 '14 at 18:10
and `[HTML]` means that (HTML) characters was selected with mouse – talkhabi Jul 18 '14 at 18:19
so you want to replace the html tags the user clicks on? – eg_dac Jul 18 '14 at 19:43

jQuery / javascript split text node

1 Answers1