WebOffice在线编辑ActiveX插件(Excel,word等),兼容IE,FireFox,Chrome等浏览器

简介: 关于点聚的weboffice ActiveX插件的使用在IE下只需要安装对应weboffice.ocx插件即可实现在线文档编辑。对于非IE如谷歌、火狐浏览器来说就有些不同了的,如果想要兼容谷歌和火狐需要采用标准的NPAPI的开发的插件,具体的需要做以下几个步骤: 1、请安装下面链接地址的插件包 目前版本:官网 点击打开链接  2、安装插件包完成后调整加载weboffic
关于点聚的weboffice ActiveX插件的使用在IE下只需要安装对应weboffice.ocx插件即可实现在线文档编辑。对于非IE如谷歌、火狐浏览器来说就有些不同了的,如果想要兼容谷歌和火狐需要 采用标准的NPAPI的开发的插件,具体的需要做以下 几个步骤:

1、请安装下面链接地址的插件包

目前版本:官网 点击打开链接 

2、安装插件包完成后调整加载weboffice的容器

  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>  

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


  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对象的目的。具体的核心装载代码如下所示:


  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]-->  

另外一种兼容性:IE的版本兼容
  <head> <meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7"></head>
相关文章
|
前端开发 Shell API
强大的类excel插件,handsontable的简单应用
强大的类excel插件,handsontable的简单应用
615 1
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
Web App开发 安全 前端开发
新一代WebOffice高版本谷歌Chrome打开、编辑、保存微软Office/金山WPS解决方案大盘点
随着互联网技术的不断发展,越来越多的企业开始采用在线办公模式,微软Office Word 是最好用的文档编辑工具,然而doc、docx、xls、xlsx、ppt、pptx等格式的Office文档是无法直接在浏览器中直接打开的,如果可以实现Web在线预览编辑OffIce,肯定会还带来了更高效、便捷的办公体验,为我们的工作带来了更多可能性。
1835 91
|
Web App开发 安全 内存技术
新版谷歌Chrome取消对PPAPI插件支持后,浏览器网页打开编辑保存微软Office、金山WPS文档解决方案
最近陆续看到一些大学发布公告,谷歌Chrome取消了对PPAPI插件支持,导致某些在线Office厂家产品将无法在谷歌Chrome107及以上版本运行,被迫更换360浏览器或者使用低版本Chrome浏览器苟延残喘。
816 0
新版谷歌Chrome取消对PPAPI插件支持后,浏览器网页打开编辑保存微软Office、金山WPS文档解决方案
|
SQL 存储 Java
Java实现excel表数据的批量存储(结合easyexcel插件)
Java实现excel表数据的批量存储(结合easyexcel插件)
290 0
|
Web App开发 JavaScript
JS 获取当前浏览器类型(IE、Chrome、Edge、Firefox、Opera、UC、QQ)
JS 获取当前浏览器类型(IE、Chrome、Edge、Firefox、Opera、UC、QQ)
1767 0
|
JavaScript 前端开发
DZMFullPage - 前端分页动画插件,兼容IE9+,支持Vue
DZMFullPage - 前端分页动画插件,兼容IE9+,支持Vue
281 0
|
SQL 前端开发 关系型数据库
express中使用node-xlsx插件下载excel表格
express中使用node-xlsx插件下载excel表格
557 0
|
数据可视化 数据挖掘 Python
JupyterLab 这插件太强了,Excel灵魂附体
JupyterLab 这插件太强了,Excel灵魂附体
JupyterLab 这插件太强了,Excel灵魂附体
|
Web App开发 前端开发
区分IE6,IE7,IE8,IE9,FireFox,Chrome浏览器的CSS hack
区分IE6,IE7,IE8,IE9,FireFox,Chrome浏览器的CSS hack