Question

以下是我发现的内容：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);

我不知道为什么会这样，以及如何解决，所以我不得不用我破碎的英语寻求帮助。

Answer 1

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

var el = iframe.contentDocument.createElement("div");
el.innerHTML = html;
var frag = iframe.contentDocument.createDocumentFragment(), node, lastNode;

在iframe中的光标处插入html

1 个答案: