如何让点聚WebOffice在线编辑ActiveX插件兼容火狐、谷歌、IE各式浏览器
|
admin
2015年5月30日 22:19
本文热度 9176
|
关于点聚的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的容器
<object id="Control"
TYPE="application/x-itst-activex"
ALIGN="baseline" BORDER="0"
WIDTH="95%"HEIGHT="600px"
clsid="{E77E049B-23FC-4DB8-B756-60529A35FAD5}"
event_NotifyCtrlReady="NotifyCtrlReady"
event_NotifyToolBarClick="NotifyToolBarClick"
event_NotifyWordEvent="NotifyWordEvent">
</object>
其中的三个事件如下所示:
//初始化控件 可以初始化加载文档等和设置weboffice的相关属性
function NotifyCtrlReady() {
document.all.Control.LoadOriginalFile("E:\\WordDemo\\Demo\\Demo\\doc\\model.doc", "doc");
}
//监听工具栏的事件
function NotifyToolBarClick(id) {
//eventinfo.innerText = "NotifyToolBarClick 事件发生,工具栏ID:" + id;
}
//监听word操作事件
function NotifyWordEvent(name) {
//eventinfo.innerText = "NotifyWordEvent 事件发生,Word事件名称:" + name;
}
3、如何让编辑页面根据浏览器不同装载不同的object对象?
这个可以考虑使用IF IE的浏览器条件注释来达到装载不同object对象的目的。具体的核心装载代码如下所示:
<!--[if IE]>
<object id="WebOffice1" height="600px" width="95%" style="left: 0px; top: 0px;" classid="clsid:E77E049B-23FC-4DB8-B756-60529A35FAD5"
codebase="/ocx/WebOffice.cab#V6,0,5,0">
<param name="_ExtentX" value="6350" />
<param name="_ExtentY" value="6350" />
</object>
<![endif]-->
<!--[if !IE]> -->
<object id="Control"
TYPE="application/x-itst-activex"
ALIGN="baseline" BORDER="0"
WIDTH="95%"HEIGHT="600px"
clsid="{E77E049B-23FC-4DB8-B756-60529A35FAD5}"
event_NotifyCtrlReady="NotifyCtrlReady"
event_NotifyToolBarClick="NotifyToolBarClick"
event_NotifyWordEvent="NotifyWordEvent">
</object>
<!-- <![endif]-->
这样设置过后就可以让weboffice兼容各种蛋疼的浏览器实现文档在线操作了的。
感谢点聚官方提供的插件!
该文章在 2025/5/27 13:22:52 编辑过