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

FCKEDITOR 相关函数介绍

fckeditor 代码语法高亮

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

ckeditor syntaxhighlighter代码高亮插件,完美修复

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

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

Js FCKeditor的值获取和修改的代码小结

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

dedecms5.5 最新版ckeditor编辑器整合教程

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

精品推荐
分类导航