背景
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浏览器运行效果如下:
