使iframe内的内容可编辑

最新推荐文章于 2021-06-17 05:59:48 发布
最新推荐文章于 2021-06-17 05:59:48 发布
阅读量1.8k 收藏 3
点赞数
分类专栏： Web 文章标签： iframe function html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dergen/article/details/1817882
版权

<html>
<head>
<title>使iframe处于编辑状态</title>
</head>
<body>
<iframe id="ifr" width="100%" height="500px"></iframe>
</body>

<script type="text/javascript">
  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;
  }

toggle();
</script>

白云在上
关注
专栏目录
IFrame编辑
ice_pick的博客
06-23 351
关于Iframe编辑模式 开启编辑模式 document.getElementById("iframeid").contentWindow.document.designMode = "on"; document.getElementById("iframeid").contentWindow.document.contentEditable = true;
使用IFrame编辑文本
lincnl的专栏
02-28 2706
使用IFrame框架做成文本编辑器。需要两个页面：default.html和editInfo.aspx页面，其中default.aspx作为主控页面，editInfo.html作为编辑页面。default.aspx页面中要包括一个iframe框架，以包含编辑页面。下面给出两个页面的代码：default.aspx -------------http://www.w3.org/
将iframe设置为可编辑状态
Pure_Eyes的博客
12-09 3919
iframe设置可编辑状态时当用iframe.contentWindow.document.body.contentEditable= "true";设置是必须等浏览器加载完iframe后才能起作用，所欲该语句必须放在加载iframe语句后面，放在前面的话会出错，如下 var iframe=document.createElement("iframe"); iframe.id="te";
可编辑iframe高度自适应（编辑器所见即所得模式）
03-05
之前做过高度自适应，但是始终效果不理想，后来看到一个比较好的办法，实现了之后，特保留一份模板，方便以后类似应用，测试过firefox，chrome，ie8，safari
让iframe可编辑
weixin_30780221的博客
09-24 204
function EnableEdit() { var editor; editor = document.getElementById("HtmlEdit").contentWindow; // 针对IE浏览器, make it editable editor.document.designMode = 'On'; editor.documen...
html iframe 编辑,让iframe可编辑
weixin_39821605的博客
06-17 273
functionEnableEdit(){vareditor;editor= document.getElementById("HtmlEdit").contentWindow;//针对IE浏览器, make it editableeditor.document.designMode = ‘On‘;editor.document.contentEditable= true;//For compat...
页面中iframe中嵌入一个跨域的页面，让这个页面按照嵌入的页面宽高大小显示的方式 iframe嵌套的页面不可以编辑的问
jdtugfcg的博客
02-01 302
页面中iframe中嵌入一个跨域的页面，让这个页面按照嵌入的页面宽高大小显示的方式 iframe嵌套的页面不可以编辑的问
Selenium向iframe富文本框输入内容过程图解
12-20
在某些CMS（内容管理系统）的后台界面中，富文本框经常通过`<iframe>`标签来实现，因为它能够提供一个独立的、可编辑的内容区域。当遇到这种情况，我们需要理解如何利用Selenium来正确地操作这些元素。 首先，我们...
浅谈Iframe网页内部的导航窗口
09-28
4. 内容管理系统：用于显示可编辑的模块化内容。 总结，`<iframe>`作为HTML中的一个重要元素，为网页设计带来了灵活性和扩展性，同时也需要开发者根据实际情况权衡其优缺点，合理运用。通过理解和掌握`<iframe>`的...
开启iframe编辑功能
wjdd1的专栏
07-22 420
<br /><iframe src = "about:blank" onload="this.contentWindow.document.contentEditable='on';this.contentWindow.document.designMode='on';"></iframe>
iframe实现编辑器
01-04 695
1、html中定义 2、js中创造内容 参考http://blog.csdn.net/cuew1987/article/details/9374563 var eleEditor = $('#Editor').get(0); // 不需要兼容contentWindow所以浏览器都支持，contentDocument Firefox和IE8+支持 var edito
访问iframe里面内容的方法（解决兼容性问题）
黄彪博客
12-04 6146
文章摘抄至 http://www.csharpwin.com/dotnetspace/3774r938.shtml   假如你当前主页面中嵌入了一个iframe，ID为：iframeid (很多网页内部弹出窗口也会使用iframe)； iframe里面定义了一个javascript函数，函数名为：myFunc； 需要在主页面调用iframe的这个函数，请参考：   1. 首先这么调用在
创建可编辑的Select下拉菜单
在CSS中，我们可以添加更多的规则来调整这个可编辑下拉框的视觉效果，使其与页面的其他部分保持一致。 在JavaScript中，当用户在输入框内进行输入时，我们需要监听输入事件，如`onkeyup`或`onchange`，并相应地更新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值