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

最新推荐文章于 2024-06-28 18:05:08 发布

010000000000

最新推荐文章于 2024-06-28 18:05:08 发布

阅读量2.5w

点赞数

关于点聚的weboffice ActiveX插件的使用在IE下只需要安装对应weboffice.ocx插件即可实现在线文档编辑。对于非IE如谷歌、火狐浏览器来说就有些不同了的，如果想要兼容谷歌和火狐需要采用标准的NPAPI的开发的插件，具体的需要做以下几个步骤：

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

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

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

[java] view plain copy

print ?

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

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

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

[java] view plain copy

print ?

//初始化控件可以初始化加载文档等和设置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;
}

//初始化控件 可以初始化加载文档等和设置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对象的目的。具体的核心装载代码如下所示：

[html] view plain copy

print ?

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