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

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

eWebEditor 请选择一个有效的文件的解决方法

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

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

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

FCKEDITOR 相关函数介绍

Qzone编辑器QzoneEditor打包下载

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

DISCUZ论坛的UBB编辑器(增加灵活调用,支持ASP UBB解析)打包下载

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

精品推荐
分类导航