来源：自学PHP网 时间：2014-12-14 21:28 作者： 阅读:次
[导读] 先解释一下在线编辑器的原理:首先需要IE5.0以上版本的支持.因为IE5.0以上版本有一个编辑状态,designMode是document的属性,意思是设置或获取表明文档是否可被编辑的值,默认值为off或Inherit...
|
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; } |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
