html是网页的核心,网页编辑器的核心
发布日期:2021-08-28 13:15:29 浏览次数:3 分类:技术文章

本文共 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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:okgo 缓存html,OKGO 修改缓存数据
下一篇:asp.net mvc 压缩html代码,ASP.NET MVC中使用Bundle打包压缩js和css的方法

发表评论

最新留言

感谢大佬
[***.249.68.22]2022年05月22日 12时12分05秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

最新文章