在线打开并使用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函数实现许多的操作,如:全屏显示、打印、插入印章、插入书签等等。