在iframe的光标处插入html
Insert html at cursor in a iframe
我发现: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);
我不知道为什么会发生这种情况,也不知道如何解决,所以我不得不用我蹩脚的英语寻求帮助。
听起来就像您正在针对当前文档创建新的Fragment,然后尝试将其附加到IFrame。试着像这样创建元素:
var el = iframe.contentDocument.createElement("div");
el.innerHTML = html;
var frag = iframe.contentDocument.createDocumentFragment(), node, lastNode;
相关文章:
- 使用PHP插入HTML在JavaScript上不起作用
- 如何使用innerHtml正确插入html
- AngularJS指令,在元素后插入HTML
- 使用jQuery插入HTML页面的第一个项目缺少结束标记
- 通过jQuery插入HTML不起作用
- 通过javascript以编程方式将文件插入HTML输入
- 在DIV中动态插入HTML并访问新元素
- 在所有元素中插入HTML
- 在其他图像下使用javascript将图像插入html
- 在工具提示Javascript中插入HTML
- 在HTML字符串的某个段落后插入HTML
- 可以插入在插入HTML标记之前
- 从 AngularJS 将文本插入 HTML
- 将 javascript 返回值插入 html
- 流路由器 - 将内容插入 HTML 模板
- 插入html时是否有触发事件的方法
- JavaScript-插入HTML的内容部分
- jquery多次在元素之间插入html
- 将当前年份插入HTML
- 在光标位置插入HTML,并使用javascript将光标移动到插入的HTML的末尾