`
fourfire
  • 浏览: 411418 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

iframe的designmode属性

    博客分类:
  • web
阅读更多
<html>
<head>
</head>
<script language="javascript">
<!--
function start()
{
    document.getElementById("myiframe").contentWindow.document.designMode="on";
}
-->
</script>

<body onLoad="start()">
    
<iframe id="myiframe" style="width:750px; height:400px; border:1;"></iframe>
</body>
</html>
分享到:
评论

相关推荐

    设置iframe的document.designMode后仅Firefox中其body[removed]为br

    在提及的场景中,问题在于当`document.designMode`被设置为`'On'`后,Firefox浏览器会将`iframe`的`body`内容自动转换为一个` `标签,而其他浏览器如Chrome、Safari和Opera则保持`body.innerHTML`为空字符串。...

    编辑器中designMode和contentEditable的属性的介绍

    在实现在线编辑器的过程中,有两个关键的属性至关重要,即`designMode`和`contentEditable`。它们分别在不同的浏览器环境下启用文档的编辑功能。 `designMode`是HTML文档的`document`对象的一个属性,主要用于...

    iframe框架\JS获取iframe元素

    除了简单的元素操作外,还可以利用`designMode`和`contentEditable`属性来重写`iframe`中的内容,使之成为可编辑状态。 ```javascript var iObj = document.getElementById('iId').contentWindow; iObj.document....

    iframe 的使用

    通过设置 Iframe 的 `designMode` 属性为 `'On'`,可以使 Iframe 成为可编辑区域。例如: ```html &lt;body onload="editer.document.designMode='On'"&gt; &lt;iframe id="editer"&gt;&lt;/iframe&gt; ``` 这样就可以在 Iframe ...

    精谈iframe的作用和使用方式

    2. **表单编辑**:`iframe`还可以用作富文本编辑器的基础,通过设置`iframe`的`designMode`属性为`on`,使其成为可编辑区域。 ```html &lt;iframe id="editableFrame" style="width:100%; height:400px;"&gt;&lt;/iframe&gt; ...

    document.designMode的功能与使用方法介绍

    当 `designMode` 设置为 `"On"` 时,整个文档或者指定的元素(如IFrame内的文档)将变为可编辑状态,用户可以直接在浏览器中修改文本、插入图片等。反之,当 `designMode` 设置为 `"Off"` 时,编辑功能将被禁用。 ...

    iframe节点初始化的问题探讨

    如果只是创建了一个`iframe`元素但没有将其插入到DOM中,那么试图访问`iframe`的`contentDocument`或`contentWindow`属性将会返回`null`,因为此时`iframe`的内部文档并未开始加载,自然无法获取其`document`对象。...

    frame与contentwindow对象

    * 实现设计模式:可以使用 designMode 属性来将整个文档设置为设计模式,从而实现文档的编辑功能。 实践应用场景 Frame 对象和 ContentWindow 对象可以在许多实际应用场景中发挥重要作用,例如: * 在线编辑器:...

    javascript 网页编辑框及拖拽图片的问题

    通过设置iframe的designMode属性为"on",使得iframe内的内容可被编辑,类似于一个简易的文本编辑器。designMode属性是HTML5中引入的一个属性,用于控制整个文档的可编辑状态。当设置为"on"时,页面中的所有内容都...

    JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)

    这里我们使用`designMode`属性开启iframe内的文档编辑模式,然后根据浏览器类型(IE、Firefox或Chrome)来执行不同的插入内容逻辑。 ```javascript // 开启iframe的编辑模式 function t() { window.frames["x"]...

    jquery 新浪网易的评论块制作

    为了让`iframe`可编辑,我们需要在JavaScript中设置`designMode`属性。例如,如果`iframe`的id是`iframe1`,可以这样操作: ```javascript window.frames["iframe1"].document.designMode='on'; ``` 当用户点击...

    HTML在线编辑器原理

    设置`designMode`属性为`"On"`,使得用户可以在其中输入和编辑内容。 ```javascript window.frames["x"].document.designMode="On"; ``` 3. 实现文本格式化:定义JavaScript函数,如`format`函数,用于处理选中...

    从入门到精通HTML5——PDF——网盘链接

     12.4.2 designMode属性 238  12.4.3 hidden属性 239  12.4.4 spellcheck属性 239  12.4.5 tabindex属性 240  12.5 小结 240  12.6 习题 240  第13章 HTML 5的结构 242  视频讲解:20分钟  13.1 新增的主体...

    在线编辑器的实现原理(兼容IE和FireFox)

    而在Firefox中,虽然没有直接的designMode属性,但通过设置`contentEditable`属性为`true`,也能实现类似的功能。因此,兼容这两款浏览器的关键在于如何同时使用这两个特性。 实现在线编辑器通常需要以下步骤: 1....

    利用FCKeditor在JSP_JavaEE中实现在线编辑.pdf

    二是设置 iframe 或 frame 中的 document 属性 designMode 为 ON,以实现可编辑。让编辑区域自动产生 HTML 代码,涉及到三个关键技术:使用 document.selection.createRange() 取得选择的文本,使用 execCommand() ...

Global site tag (gtag.js) - Google Analytics