2

这是我发现的：http: //jsfiddle.net/jwvha/211/

这个例子在浏览器（IE6~IE10、Chrome、Firefox 等）上运行良好。

我已将其修改为在 iFrame 中工作，这是我的大致代码：

insertHtml : function(html){        
    iframe.contentWindow.focus()
    var sel, range;
    if (iframe.contentWindow.getSelection) {
        sel = iframe.contentWindow.getSelection();
        if (sel.getRangeAt && sel.rangeCount) {
            range = sel.getRangeAt(0);
            range.deleteContents();

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

            if (lastNode) {
                range = range.cloneRange();
                range.setStartAfter(lastNode);
                range.collapse(true);
                sel.removeAllRanges();
                sel.addRange(range);
            }
        }
    } else if (iframeDocument.selection && iframeDocument.selection.type != "Control") {
        // IE < 9
        iframeDocument.selection.createRange().pasteHTML(html);
    }
}

这在 IE6 - IE8 中运行良好，但在 IE9 和 IE10 中我收到以下错误：

SCRIPT5022：WrongDocumentError

在这一行：range.insertNode(frag);

我不知道为什么会发生这种情况，以及如何解决它，所以我不得不用我蹩脚的英语寻求帮助。

4

1 回答 1

3

听起来您正在针对当前文档创建新片段，然后尝试将其附加到 IFrame。尝试像这样创建你的元素：

var el = iframe.contentDocument.createElement("div");
el.innerHTML = html;
var frag = iframe.contentDocument.createDocumentFragment(), node, lastNode;
于 2013-05-30T09:27:15.403 回答