在所选文本之前和之后插入文本

Question

  

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

我想在HTML document. document.getSelection()或document.selection.createRange().text中的任何选定文字之前和之后放置一些指定的文字（在设计模式开启时可能在iframe中），只返回文本本身而不是位置。

是否有替换所选文字？

无论如何要在文档中的任何地方插入选定文本之前和之后的特定文本？

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);
    }
}