Inserimento del punto di inserimento dopo un nodo inserito

Question

Quindi ho un metodo che accetta un tag e avvolge il testo selezionato in quel tag.

function wrap(tag) 
{    
    var sel, range; 
    if (window.getSelection) 
    { 
     sel = window.getSelection(); 
     if (sel.rangeCount) 
     { 
      range = sel.getRangeAt(0); 
      var selectedText = range.toString(); 
      range.deleteContents(); 
      range.insertNode(document.createTextNode('['+tag+']'+selectedText+'[/'+tag+']'));        
     } 
    } 
} 

Questo problema con questo però, viene dopo che viene eseguita avvolgendo il testo e inserendo il nodo del cursore (dove sono digitando) è posto prima del testo inserito.

Esiste un modo per inserire il testo e mantenere il segno di fine alla fine?

Si prega di notare che preferirei se ciò potesse essere fatto senza l'uso di jQuery o di qualsiasi altra libreria. Ho solo bisogno che funzioni nel webkit (Safari).

Answer 1

È possibile utilizzare il range.setStartAfter e range.setEndAfter metodi per impostare i punti di inizio e fine del punto direttamente dopo il nuovo nodo. Ho impostato un esempio jsfiddle qui: http://jsfiddle.net/phil_mcc/tM3mA/

//move the caret 
range.setStartAfter(newNode); 
range.setEndAfter(newNode); 
sel.removeAllRanges(); 
sel.addRange(range); 

Answer 2

fare questo dopo aver inserito il nodo alla gamma range.collapse(false); questo cambierà la posizione del campo di selezione fino alla fine del campo, quindi la mia ipotesi è che dovrebbe impostare il cursore alla posizione finale