在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";