在線打開並使用Word文檔時,咱們常常會須要使用打開的Word文檔中,頂部的標尺來設置頁面的邊距、對齊位置等。這一操做,能夠經過工具欄中「視圖」→「標尺」選項的是否勾選來決定是否顯示標尺,但若是工具欄被禁用或者忘記如何設置時,就得經過其餘途徑來進行設置了。下面我就以一個簡單的例子來演示一下是如何經過JS代碼實現顯示/隱藏標尺的。 java
具體實現步驟以下: web
第一步:拷貝文件到WEB項目的「WEB-INF/lib」目錄下。拷貝PageOffice示例中下的「WEB-INF/lib」路徑中的pageoffice.cab和pageoffice.jar到新建項目的「WEB-INF/lib」目錄下。 app
第二步:修改WEB項目的配置文件。將以下代碼添加到配置文件中: jsp
<!-- PageOffice Begin --> 函數
<servlet> 工具
<servlet-name>poserver</servlet-name><servlet-class>com.zhuozhengsoft.pageoffice.poserver.Server url
</servlet-class> spa
</servlet> .net
<servlet-mapping> orm
<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函數實現許多的操做,如:全屏顯示、打印、插入印章、插入書籤等等。