本文共 846 字,大约阅读时间需要 2 分钟。
本文的讨论的是以生成iframe为编辑区的方法做编辑器。
1.为什么能编辑?有两种方法,一种是设置designMode
iframe.contentWindow.document.designMode=on
那么整个iframe都可编辑了,另一种方式是contentEditable
iframe.contentWindow.document.body.contentEditable='true'
那么这个iframe也就可编辑了。
designMode的方式不推荐,在火狐下,如果里面再设置contentEditable=false,是失效的。很多功能就做不了了。
一些老编辑器是document.write来填充的编辑区内容,可能会有问题。
附测试代码:
使iframe处于编辑状态var ifhtml="
这是一个可编辑的段落2。
不可编辑不可编辑不可编辑不可编辑不可编辑不可编辑2";
document.write("");
function toggle()
{
var doc=document.getElementById('ifr');
var cstatus = doc.contentWindow.document.designMode.toLowerCase(); //当前编辑状态
if (cstatus=='on')
cstatus = 'off';
else
cstatus='on';
doc.contentWindow.document.designMode=cstatus;
/*doc.src="iframe.html"*/
let html="
这是一个可编辑的段落。
不可编辑不可编辑不可编辑不可编辑不可编辑不可编辑";
doc.contentWindow.document.write(html);
doc.contentWindow.document.close();
}
toggle();
//window.οnlοad=toggle;
转载地址:https://blog.csdn.net/weixin_33959449/article/details/117953480 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!