在线打开并使用Word文档时，我们经常会需要使用打开的Word文档中，顶部的标尺来设置页面的边距、对齐位置等。这一操作，可以通过工具栏中“视图”→“标尺”选项的是否勾选来决定是否显示标尺，但如果工具栏被禁用或者忘记如何设置时，就得通过其他途径来进行设置了。下面我就以一个简单的例子来演示一下是如何通过JS代码实现显示/隐藏标尺的。
具体实现步骤如下：
第一步：拷贝文件到WEB项目的“WEB-INF/lib”目录下。拷贝PageOffice示例中下的“WEB-INF/lib”路径中的pageoffice.cab和pageoffice.jar到新建项目的“WEB-INF/lib”目录下。
第二步：修改WEB项目的配置文件。将如下代码添加到配置文件中：
<!-- PageOffice Begin -->
<servlet>
<servlet-name>poserver</servlet-name><servlet-class>com.zhuozhengsoft.pageoffice.poserver.Server
</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>poserver</servlet-name>
<url-pattern>/poserver.do</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>poserver</servlet-name>
<url-pattern>/pageoffice.cab</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>poserver</servlet-name>
<url-pattern>/popdf.cab</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>poserver</servlet-name>
<url-pattern>/sealsetup.exe</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>adminseal</servlet-name>
<servlet-class>com.zhuozhengsoft.pageoffice.poserver.AdminSeal
</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>adminseal</servlet-name>
<url-pattern>/adminseal.do</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>adminseal</servlet-name>
<url-pattern>/loginseal.do</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>adminseal</servlet-name>
<url-pattern>/sealimage.do</url-pattern>
</servlet-mapping>
<mime-mapping>
<extension>mht</extension>
<mime-type>message/rfc822</mime-type>
</mime-mapping>
<context-param>
<param-name>adminseal-password</param-name>
<param-value>123456</param-value>
</context-param>
<!-- PageOffice End -->
第三步：添加引用。在WEB项目的WebRoot目录下添加动态页面Word.jsp。在该页面后台代码中
添加自定义标签库：“<%@ taglib uri="http://java.pageoffice.cn" prefix="po"%>”
引入PageOffice类库：“<%@page import=” com.zhuozhengsoft.pageoffice.*,com.zhuozhengsoft.pageoffice.wordwriter.*”%>”。
在HTML的<body>中添加PageOffice引用：
“<po:PageOfficeCtrl id="PageOfficeCtrl1"></po:PageOfficeCtrl>”，并设置控件所在层（<div></div>）的高和宽。
第四步：Word.jsp后台编写代码。打开Word文件，添加自定义按钮，部分代码如下：
//********************卓正PageOffice组件的使用**********************
PageOfficeCtrl poCtrl1 = new PageOfficeCtrl(request);
poCtrl1.setServerPage("poserver.do"); //此行必须
//添加自定义按钮
poCtrl1.addCustomToolButton("显示/隐藏标尺","Hidden",3);
String filePath = "doc/template.doc";//相对路径
poCtrl1.webOpen(filePath, OpenModeType.docNormalEdit, "张三");
poCtrl1.setTagId("PageOfficeCtrl1"); //此行必须
第五步：Word.jsp前台添加JS函数。在前台页面中添加JS函数“Hidden()”，让其执行删除行的操作。代码如下：
function Hidden() {
document.getElementById("PageOfficeCtrl1").Document.
ActiveWindow.ActivePane.DisplayRulers =
!document.getElementById("PageOfficeCtrl1").Document.ActiveWindow.
ActivePane.DisplayRulers;
}
如上所述，点击工具栏上的“显示/隐藏标尺”按钮即可删除这一行。另外，还可以通过JS函数实现许多的操作，如：全屏显示、打印、插入印章、插入书签等等。
来源：oschina
链接：https://my.oschina.net/u/1028508/blog/125238