WPS office根目录在哪?_WPS加载项深入开发代码解析-2

这个系列的上一篇是一个不短的视频，是我们财应同学的出镜，这一篇我找个比较典型的场景从代码层面讲讲怎么利用ribbon控制WPS加载项和WPS自身功能。

ribbon是什么

Ribbon是一种以面板及标签页为架构的用户界面，原先出现在Microsoft Office 2007后续版本的Word、Excel和PowerPoint等组件中，后来也被运用到Windows 7的一些附加组件等其它软件中，如画图和写字板，以及Windows 8中的资源管理器。（这段儿摘自维基百科）

WPS利用ribbon做的是界面的定义，就是「标签选项卡」的这种界面。WPS加载项作为可以对WPS界面做自定义的一种扩展开发方式，也遵循ribbon的规范。以通过wpsjs创建的一个纯净的Demo为例，在Demo的根目录下有三个文件，作用如下说明：

• index.html：入口文件，WPS启动后加载WPS加载项，就以这个文件为入口
• main.js：index.html包含的，负责核心js的加载，开发者可以自主添加其他js文件
• ribbon.xml：自定义功能区定义文件，遵循ribbon的CustomUI规范。

在ribbon.xml中，有几个常用的控件，之下用代码做个说明：

<customUI 

• tabs：这里控制的就是WPS界面里的功能区，如下图：