手机
当前位置:查字典教程网 >编程开发 >网页编辑器 >编辑器中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的属性的介绍】相关文章:

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

kindSoft在线网页编辑器简单的配置参数介绍

TinyMCE syntaxhl插入代码后换行的修改方法

Html 编辑器粘贴内容过滤技术详解

Qzone编辑器QzoneEditor打包下载

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

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

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

ckeditor插件开发简单实例

添加FCKeditor插件需要注意的地方

精品推荐
分类导航