Chrome浏览器调用ActiveX控件之allWebOffice在线编辑控件

 背景

        allWebOffice控件能够实现在浏览器窗口中在线操作文档的应用（阅读、编辑、保存等），支持编辑文档时保留修改痕迹，支持书签位置内容动态填充，支持公文套红，支持文档保护控制等诸多办公功能，本文将介绍allWebOffice控件通过allWebPlugin中间件如何在Web系统中使用--只需一个接口个四步骤，即可看到插件运行效果。

准备工作

1、下载allWebPlugin中间件产品，具体如下：

链接：百度网盘 

 allWebPlugin中间件集成allWebOffice控件步骤

第一步：导入js相关文件

导入allWebPlugin.Common.js，allWebPlugin.UI.js及allWebPlugin.Main.js文件。

 <script type="text/javascript" src="js/allWebPlugin.Common.v2.0.0.60.js"></script><script type="text/javascript" src="js/allWebPlugin.UI.v2.0.0.60.js"></script> <script type="text/javascript" src="js/allWebPlugin.Main.v2.0.0.60.js"></script> 

第二步：添加页面元素

在需要展示插件的位置添加canvas页面元素(注意：其他页面元素也可以)。如下图所示：

<canvasid="allWebOfficeAx"width="1024"height="600"><pclass="error">Sorry,Itlooksasthoughyourbrowserdoesnotsupportthecanvastag.</p></canvas>

第三步：创建插件对象

使用awp_CreatePlugin接口创建ActiveX插件对象。如下图所示。

awp_CreatePlugin("allWebOfficeAx","{6888ECA8-57D0-6E0E-9B9B-F1FF9B2DBD86}")

第四步:插件接口调用及事件响应

awp_CreatePlugin默认使用createProxyPlugin创建插件对象。可以像传统插件接口调用 一样，调用插件对象的方法和属性，调用读属性与调用插件方法接口一致。如下图所示：

allWebOfficeAx.GetDisplayStyle().ShowMenuBar=false;
allWebOfficeAx.GetDisplayStyle().ShowOpenProgress=false

如果需要响应插件事件，须在插件创建时，实现插件响应函数。如下图所示：

functionOnCreated(){alert("OnCreated事件");//allWebOffice插件创建事件
}

运行效果

到此，allWebOffice控件就集成完了。运行Chrome、Edge浏览器运行效果如下: