javascript - 在所选文本的前后插入文本

Question

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

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