PageOffice如何显示/隐藏Word文档中的标尺
2013-04-26 11:23
387 查看
在线打开并使用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函数实现许多的操作,如:全屏显示、打印、插入印章、插入书签等等。
具体实现步骤如下:
第一步:拷贝文件到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函数实现许多的操作,如:全屏显示、打印、插入印章、插入书签等等。
相关文章推荐
- PageOffice如何显示/隐藏Word文档中的标尺
- PageOffice如何显示/隐藏Word文档中的标尺
- 如何使用PHP显示在线Word文档
- 如何全屏显示word文档及其快捷键
- 如何滚动显示Word格式的文档
- 带有修订的word文档如何在打印的时候不显示修订内容?
- WORD文档如何在页眉页尾显示 page X of Y
- PageOffice如何执行Word文档中的宏命令
- 如何在线打开word文档并高亮显示指定关键字
- 老大要求把Word文档加上公司的标识,公司名文字或者logo图片都可以,但要求是用电脑打开(电子文档时)能看见标识,如果打印出来(纸质文档)就不显示出来,如何实现?
- PageOffice如何实现从零开始动态生成图文并茂的Word文档
- 如何解决Word文档插图显示不清晰问题
- 如何显示word文档的目录
- 如何在Word多人协作文档时显示人员照片 推荐
- C#如何向word文档插入一个新段落及隐藏段落
- PageOffice如何控制在系统中打开Word文档只读
- 如何在线打开word文档并高亮显示指定关键字
- Office 使用篇一:如何去掉 Word 文档的标记(含修订和批注)(即不显示已删除内容)
- C#如何向word文档插入一个新段落及隐藏段落
- 如何让多份word文档分开显示