插入文本之前，在所選文本後

Question

可能重複：
Insert text before and after the selected text in javascript

我希望把一些指定的文本（可能在IFRAME時的designMode上）之前和之後的任何選擇HTML中的文本document. document.getSelection()或document.selection.createRange().text僅返回文本本身而不是位置。

無論如何要替換選定的文本？

無論如何在文檔中的任意位置選擇文本之前和之後插入特定文本？

Answer 1

我今天早些時候回答你的一個相關問題：

https://stackoverflow.com/a/8740153/96100

而且，這裏是一個答案，我在一年前發佈到一個非常類似的問題，最近更新的IE 9的工作：

https://stackoverflow.com/a/4770592/96100

最後，這裏是您的可編輯iframe的第二個鏈接答案的函數版本。它允許你指定一個文件對象：

function insertHtmlAtSelectionEnd(html, isBefore, doc) { 
    doc = doc || document; 
    var win = doc.defaultView || doc.parentWindow; 
    var sel, range, node; 
    if (win.getSelection) { 
     sel = win.getSelection(); 
     if (sel.getRangeAt && sel.rangeCount) { 
      range = sel.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 = doc.createElement("div"); 
      el.innerHTML = html; 
      var frag = doc.createDocumentFragment(), node, lastNode; 
      while ((node = el.firstChild)) { 
       lastNode = frag.appendChild(node); 
      } 
      range.insertNode(frag); 
     } 
    } else if ((sel = doc.selection) && sel.type != "Control") { 
     range = sel.createRange(); 
     range.collapse(isBefore); 
     range.pasteHTML(html); 
    } 
}