手机
当前位置:查字典教程网 >编程开发 >网页编辑器 >编辑器中designMode和contentEditable的属性的介绍
编辑器中designMode和contentEditable的属性的介绍
摘要:HtmlEdit.document.designMode="On";HtmlEdit是iframe对象IDIE中可以设置contentEdi...

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;

}

【编辑器中designMode和contentEditable的属性的介绍】相关文章:

ueditor编辑器不能上传图片问题的解决方法

一款支持插入表情的编辑器实现代码(简单思路挺重要)

eWebEditor 辑器按钮失效 IE8下eWebEditor编辑器无法使用的解决方法

为ckeditor编辑器加上传图片的功能

修改fckeditor的文件上传功能步骤

关于CKeditor的非主流个性应用的设置

fckeditor编辑器下的自定义分页符实现方法

FCKeidtor 清除编辑器内容的代码

fckeditor编辑器在php中的配置方法

FCKeditorAPI 手册 js操作获取等

精品推荐
分类导航