如何让点聚WebOffice在线编辑ActiveX插件兼容火狐、谷歌、IE各式浏览器
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
关于点聚的weboffice ActiveX插件的使用在IE下只需要安装对应weboffice.ocx插件即可实现在线文档编辑。对于非IE如谷歌、火狐浏览器来说就有些不同了的,如果想要兼容谷歌和火狐需要采用标准的NPAPI的开发的插件,具体的需要做以下几个步骤:
1、请安装下面链接地址的插件包 目前版本:http://code.google.com/p/ff-activex-host/downloads/detail?name=ffactivex-setup-r39.exe&can=2&q= 2、安装插件包完成后调整加载weboffice的容器 01. <object id= "Control" 02. TYPE= "application/x-itst-activex" 03. ALIGN= "baseline" BORDER= "0" 04. WIDTH= "95%" HEIGHT= "600px" 05. clsid= "{E77E049B-23FC-4DB8-B756-60529A35FAD5}" 06. event_NotifyCtrlReady= "NotifyCtrlReady" 07. event_NotifyToolBarClick= "NotifyToolBarClick" 08. event_NotifyWordEvent= "NotifyWordEvent" > 09. </object> 其中的三个事件如下所示: 01. //初始化控件 可以初始化加载文档等和设置weboffice的相关属性 02. function NotifyCtrlReady() { 03. document.all.Control.LoadOriginalFile( "E:\\WordDemo\\Demo\\Demo\\doc\\model.doc" , "doc" ); 04. } 05. //监听工具栏的事件 06. function NotifyToolBarClick(id) { 07. //eventinfo.innerText = "NotifyToolBarClick 事件发生,工具栏ID:" + id; 08. } 09. //监听word操作事件 10. function NotifyWordEvent(name) { 11. //eventinfo.innerText = "NotifyWordEvent 事件发生,Word事件名称:" + name; 12. } 3、如何让编辑页面根据浏览器不同装载不同的object对象? 这个可以考虑使用IF IE的浏览器条件注释来达到装载不同object对象的目的。具体的核心装载代码如下所示: 01. <!--[ if IE]> 02. <object id= "WebOffice1" height= "600px" width= "95%" style= "left: 0px; top: 0px;" classid= "clsid:E77E049B-23FC-4DB8-B756-60529A35FAD5" 03. codebase= "/ocx/WebOffice.cab#V6,0,5,0" > 04. <param name= "_ExtentX" value= "6350" /> 05. <param name= "_ExtentY" value= "6350" /> 06. </object> 07. <![endif]--> 08. <!--[ if !IE]> --> 09. <object id= "Control" 10. TYPE= "application/x-itst-activex" 11. ALIGN= "baseline" BORDER= "0" 12. WIDTH= "95%" HEIGHT= "600px" 13. clsid= "{E77E049B-23FC-4DB8-B756-60529A35FAD5}" 14. event_NotifyCtrlReady= "NotifyCtrlReady" 15. event_NotifyToolBarClick= "NotifyToolBarClick" 16. event_NotifyWordEvent= "NotifyWordEvent" > 17. </object> 18. <!-- <![endif]--> 这样设置过后就可以让weboffice兼容各种蛋疼的浏览器实现文档在线操作了的。 感谢点聚官方提供的插件! 该文章在 2015/5/30 22:19:58 编辑过 |
关键字查询
相关文章
正在查询... |