在javascript中選定的文本之前和之後插入文本

Question

我想在HTML文檔中的任何選定文本之前和之後放置一些指定的文本（如果可能/任何可編輯的字段）。 document.getSelection()或document.selection.createRange().text只返回文本本身而不是位置。 無論如何要替換選定的文本？無論如何在文檔中的任意位置選擇文本之前和之後插入特定文本？

Answer 1

這裏是一個跨瀏覽器的功能，要做到這一點，它適用於所有主要的瀏覽器，並迎合千差萬別的方式IE瀏覽器這相比於其他瀏覽器。

活生生的例子：http://jsfiddle.net/timdown/UWExN/64/

function insertHtmlAtSelectionEnd(html, isBefore) { 
    var sel, range, node; 
    if (window.getSelection) { 
     sel = window.getSelection(); 
     if (sel.getRangeAt && sel.rangeCount) { 
      range = window.getSelection().getRangeAt(0); 
      range.collapse(isBefore); 

      // Range.createContextualFragment() would be useful here but was 
      // until recently non-standard and not supported in all browsers 
      // (IE9, for one) 
      var el = document.createElement("div"); 
      el.innerHTML = html; 
      var frag = document.createDocumentFragment(), node, lastNode; 
      while ((node = el.firstChild)) { 
       lastNode = frag.appendChild(node); 
      } 
      range.insertNode(frag); 
     } 
    } else if (document.selection && document.selection.createRange) { 
     range = document.selection.createRange(); 
     range.collapse(isBefore); 
     range.pasteHTML(html); 
    } 
} 

Answer 2

試試這個：

var r = document.selection.createRange(); 

r.text = "before" + r.text; 
r.text += "after";