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

本文共 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的方法

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2024年03月18日 10时52分52秒

关于作者

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

推荐文章

catti二级笔译综合能力真题_CATTI韩语二级口译真题及考场回忆版 2019-04-21
攻防世界 适合做桌面_世界杯大冷门,双方实力悬殊,德国队为何输给了韩国队... 2019-04-21
可涂抹什么让指纹加深_手机镀膜是什么?液体玻璃手机镀膜和膜结手机纳米防护的区别... 2019-04-21
node静态服务器优缺点_Node —— BFF 2019-04-21
新风系统风速推荐表_PE管还是PVC管?现场评测新风系统两种管道对比 2019-04-21
华为社招嵌入式软件面试_嵌入式软件面试那点事 2019-04-21
心电图多少为正常范围_一个人的正常尿酸是多少,不管体重多少,不超过这个范围都算正常... 2019-04-21
两个集合相等的例题_人教A版高中数学必修一1.1.集合间的基本关系优质课公开课课件、教案... 2019-04-21
用流密码实现加密java语言_使用java的流密码 2019-04-21
合唱队形java_动态规划之合唱队形问题 2019-04-21
java变量怎么进行百分比_在Java中显示百分比 2019-04-21
java 设置pdf页面大小_Java PDF页面设置——页面大小、页边距、纸张方向、页面旋转... 2019-04-21
cmd mysql 数据分析_小白学数据分析--与MySQL有关的小知识 2019-04-21
java完成九宫格数独_简单实现java数独游戏 2019-04-21
php 安装zip,php7.4安装zip扩展 2019-04-21
php7 gitbook,php7性能分析扩展工具xhprof 2019-04-21
java wav 切割_java切割音频文件 2019-04-21
java获取服务器编码_使用Java代码获取服务器性能信息及局域网内主机名 2019-04-21
mysql 导出json_如何将MySQL数据库导出到JSON? 2019-04-21
嵌入式Linux咨询公司,Technical support and consulting 2019-04-21