编辑器中designMode和contentEditable的属性的介绍
程序员文章站
2022-03-07 08:06:40
htmledit.document.designmode="on"; htmledit是iframe对象id ie 中可以设置contenteditable="true"...
htmledit.document.designmode="on";
htmledit是iframe对象id
ie 中可以设置contenteditable="true"
把div的contenteditable属性设置为 true，在ie浏览器中就可以看到效果了，div中元素都变成可以编辑的了。
<div id="tt" contenteditable="true"></div>
<body contenteditable="true"><!--则整个页面都可以编辑了-->。
firefox中可以 使用javascript语句设置属性contentdocument.designmode为 "on"
iframename.document.designmode="on" ;
其中iframename 为iframe控件的name属性。
在 ie7和 firefox2.0中测试通过。如果想先初始化加入一些内容及样式，代码示例如下：
if(navigator.appname == "microsoft internet explorer")
{
var iframeid=frames["htmleditor"];
if(navigator.appversion.indexof("msie 6.0",0)==-1){iframeid.document.designmode="on"}
iframeid.document.open();
iframeid.document.write(styleeditorheader);
iframeid.document.close();
iframeid.document.body.contenteditable = "true";
iframeid.document.body.innerhtml=hidenobjvalue;
iframeid.document.body.style.fontsize="10pt";
}else
{
var _ff = navigator.useragent.indexof("firefox")>-1?true:false;
var iframeid=getobject("htmleditor");
htmleditor=iframeid.contentwindow;
htmleditor.document.designmode="on"
htmleditor.document.open();
htmleditor.document.write(styleeditorheader);
htmleditor.document.close();
htmleditor.document.body.contenteditable = "true";
htmleditor.document.body.innerhtml=hidenobjvalue;
}
htmledit是iframe对象id
ie 中可以设置contenteditable="true"
把div的contenteditable属性设置为 true，在ie浏览器中就可以看到效果了，div中元素都变成可以编辑的了。
<div id="tt" contenteditable="true"></div>
<body contenteditable="true"><!--则整个页面都可以编辑了-->。
firefox中可以 使用javascript语句设置属性contentdocument.designmode为 "on"
iframename.document.designmode="on" ;
其中iframename 为iframe控件的name属性。
在 ie7和 firefox2.0中测试通过。如果想先初始化加入一些内容及样式，代码示例如下：
复制代码 代码如下:
if(navigator.appname == "microsoft internet explorer")
{
var iframeid=frames["htmleditor"];
if(navigator.appversion.indexof("msie 6.0",0)==-1){iframeid.document.designmode="on"}
iframeid.document.open();
iframeid.document.write(styleeditorheader);
iframeid.document.close();
iframeid.document.body.contenteditable = "true";
iframeid.document.body.innerhtml=hidenobjvalue;
iframeid.document.body.style.fontsize="10pt";
}else
{
var _ff = navigator.useragent.indexof("firefox")>-1?true:false;
var iframeid=getobject("htmleditor");
htmleditor=iframeid.contentwindow;
htmleditor.document.designmode="on"
htmleditor.document.open();
htmleditor.document.write(styleeditorheader);
htmleditor.document.close();
htmleditor.document.body.contenteditable = "true";
htmleditor.document.body.innerhtml=hidenobjvalue;
}
上一篇： 深入解读Node.js中的koa源码
下一篇： 动态显示checkbox选中条数