使网页内容可编辑的属性contentEditable与(iframe).document.designMode!!

最新推荐文章于 2021-06-17 05:59:48 发布
最新推荐文章于 2021-06-17 05:59:48 发布
阅读量274 收藏
点赞数
原文链接：http://www.cnblogs.com/phqde/archive/2005/02/24/108747.html
版权
download.gif<p contentEditable="true">可编辑的字</p>,则效果： 我可编辑
而对<iframe id="editor"></iframe>可以通过JS程序editor.document.designMode="on"使iframe内容可编辑！ 24.gif

转载于:https://www.cnblogs.com/phqde/archive/2005/02/24/108747.html

weixin_34074740
关注
IFrame 系列1 ----designMode和contentEditable属性全方位解析
眷恋天空的驴
03-17 1815
pre{ font-family: courier new!important; font-size: 12px!important; word-wrap: break-word; white-space: pre-wrap; background-color: rgb(245, 245, 245); font-family: courier ne
IFrame编辑
ice_pick的博客
06-23 357
关于Iframe编辑模式 开启编辑模式 document.getElementById("iframeid").contentWindow.document.designMode = "on"; document.getElementById("iframeid").contentWindow.document.contentEditable = true;
html contenteditable
weixin_30722589的博客
11-30 140
　　contenteditable 是html中的一個屬性，在HTML中，某些元素設置 contenteditable='true' 屬性時可以開啟該元素的編輯模式，contenteditable 可以讓div 或整個網頁，或者span等等元素設置為可寫，我們最常用的是 input 、textarea 文本輸入元素來輸入內容，但這些也只能夠輸入純文本，而 contenteditable 開啟後能...
将iframe设置为可编辑状态
Pure_Eyes的博客
12-09 3927
iframe设置可编辑状态时当用iframe.contentWindow.document.body.contentEditable= "true";设置是必须等浏览器加载完iframe后才能起作用，所欲该语句必须放在加载iframe语句后面，放在前面的话会出错，如下 var iframe=document.createElement("iframe"); iframe.id="te";
在IFRAME中编辑（HTML文本在线编辑器原理之一）
ZetaChow
09-27 2914
editarea.document.designMode="on";function a(){ alert(editarea.document.body.innerHTML);} 
让iframe可编辑
weixin_30780221的博客
09-24 205
function EnableEdit() { var editor; editor = document.getElementById("HtmlEdit").contentWindow; // 针对IE浏览器, make it editable editor.document.designMode = 'On'; editor.documen...
编辑器中designMode和contentEditable的属性的介绍
10-30
与`designMode`不同，`contentEditable`是HTML5引入的一个属性，它可以应用于任何HTML元素，如`<div>`、`<p>`、`<span>`等，使得这些元素及其所有子元素变得可编辑。例如，将一个`<div>`的`contentEditable`属性设置...
利用FCKeditor在JSP_JavaEE中实现在线编辑.pdf
01-02
二是设置 iframe 或 frame 中的 document 属性 designMode 为 ON，以实现可编辑。让编辑区域自动产生 HTML 代码，涉及到三个关键技术：使用 document.selection.createRange() 取得选择的文本，使用 execCommand() ...
iframe节点初始化的问题探讨
12-09
这段代码创建了一个`iframe`元素，并尝试对其进行初始化，使其成为一个可编辑的文本区域。然而，问题在于尝试访问`iframe`的`contentDocument`或`contentWindow.document`属性时，可能会遇到`null`值，导致`找不到...
iframe的designmode属性
老别
07-26 658
&lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;script language="javascript"&gt; &lt;!-- function start() {     document.getElementById("myiframe").contentWindow.document.designMode="on"; } --&a
内容可编辑contenteditable
xxxxxMiss的博客
04-06 1万+
前言最近遇到一个问题：文本域的高度随输入内容的多少自适应，就像是这样的： 刚刚拿到这个问题，就想到用textarea来搞定，尝试了一下，虽然也搞定了，但总感觉有点麻烦。仔细思考一番，想到貌似h5有个contenteditable全局属性也可以实现文本编辑，遂尝试搞起。contenteditable是什么？MDN上是这样描述的： The contenteditable global attr
编辑网页document.body.contentEditable='true';
热门推荐
scbl2017的博客
04-21 1万+
发现一个好玩的，可以用来编辑网页 打开console输入，即可。 document.body.contentEditable='true';
html iframe 编辑,让iframe可编辑
weixin_39821605的博客
06-17 276
functionEnableEdit(){vareditor;editor= document.getElementById("HtmlEdit").contentWindow;//针对IE浏览器, make it editableeditor.document.designMode = ‘On‘;editor.document.contentEditable= true;//For compat...
怎样操作修改网页的编辑属性，将不可编辑内容修改为可编辑
最新发布
09-27
如果你的目标是在现代浏览器下做简单的文本编辑，可以利用`contentEditable`属性设置元素可编辑： ```html <div id="editable" contenteditable="true">这是可编辑部分 ``` 使用JavaScript可以直接控制其值： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值