挿入されたノードの後に​​キャレットを挿入する

Question

タグを取り、選択したテキストをそのタグにラップするメソッドがあります。これに

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+']'));        
     } 
    } 
} 

この問題は、それがテキストをラップし（それらが入力されている）キャレットが挿入されたテキストの前に配置されたノードを挿入行うの後しかし、です。

テキストを挿入し、最後にキャレットを残す方法はありますか？

jQueryやその他のライブラリを使用せずに実行できるのであれば、私は好きですのでご注意ください。私はWebkit（Safari）で動作するために必要なだけです。

Answer 1

にカーソルを設定する必要があるので、あなたが使用することができ、範囲の最後に選択範囲の位置を変更しますを挿入した後、これを行いますrange.setStartAfterメソッドとrange.setEndAfterメソッドを使用して、新しいノードの直後のポイントに開始点と終了点を設定します。私はここにjsfiddleの例を設定しました：http://jsfiddle.net/phil_mcc/tM3mA/

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

Answer 2

範囲にノード range.collapse(false); これは私の推測では、それが終了位置