码迷,mamicode.com
首页 > Web开发 > 详细

如何让点聚WebOffice在线编辑ActiveX插件兼容火狐、谷歌、IE各式浏览器

时间:2017-08-23 21:42:25      阅读:1574      评论:0      收藏:0      [点我收藏+]

标签:不同   object   type   word   安装   --   details   highlight   obj   

关于点聚的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的容器

[java] view plain copy
 
  1. <object  id="Control"  
  2.                 TYPE="application/x-itst-activex"  
  3.                 ALIGN="baseline" BORDER="0"  
  4.                 WIDTH="95%"HEIGHT="600px"  
  5.                 clsid="{E77E049B-23FC-4DB8-B756-60529A35FAD5}"   
  6.                 event_NotifyCtrlReady="NotifyCtrlReady"  
  7.                 event_NotifyToolBarClick="NotifyToolBarClick"  
  8.                 event_NotifyWordEvent="NotifyWordEvent">  
  9. </object>  


其中的三个事件如下所示:

 

 

[java] view plain copy
 
  1. //初始化控件 可以初始化加载文档等和设置weboffice的相关属性  
  2. function NotifyCtrlReady() {  
  3.             document.all.Control.LoadOriginalFile("E:\\WordDemo\\Demo\\Demo\\doc\\model.doc", "doc");  
  4. }  
  5. //监听工具栏的事件  
  6. function NotifyToolBarClick(id) {  
  7.             //eventinfo.innerText = "NotifyToolBarClick 事件发生,工具栏ID:" + id;  
  8. }  
  9. //监听word操作事件  
  10. function NotifyWordEvent(name) {  
  11.             //eventinfo.innerText = "NotifyWordEvent 事件发生,Word事件名称:" + name;  
  12. }  

 

 

3、如何让编辑页面根据浏览器不同装载不同的object对象?

这个可以考虑使用IF IE的浏览器条件注释来达到装载不同object对象的目的。具体的核心装载代码如下所示:

 

 

[html] view plain copy
 
  1.  <!--[if IE]>  
  2. <object id="WebOffice1" height="600px" width="95%" style="left: 0px; top: 0px;" classid="clsid:E77E049B-23FC-4DB8-B756-60529A35FAD5"  
  3.     codebase="/ocx/WebOffice.cab#V6,0,5,0">  
  4.     <param name="_ExtentX" value="6350" />  
  5.     <param name="_ExtentY" value="6350" />  
  6. </object>  
  7. <![endif]-->  
  8. <!--[if !IE]> -->  
  9. <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兼容各种蛋疼的浏览器实现文档在线操作了的。

http://www.stepday.com/topic/?613

如何让点聚WebOffice在线编辑ActiveX插件兼容火狐、谷歌、IE各式浏览器

标签:不同   object   type   word   安装   --   details   highlight   obj   

原文地址:http://www.cnblogs.com/lxl57610/p/7420167.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!