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

Question

可能的重复：
在 javascript 中所选文本之前和之后插入文本

我想在 HTML 文档中的任何选定文本之前和之后放置一些指定的文本（当设计模式打开时，可能在 iframe 中）。 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);
    }
}