1、核心代碼javascript
1:首先須要定位到書籤的位置html
2:設置書籤的文本顏色以及背景色,須要用vba 宏實現。java
2、具體的實現過程web
1.官網http://www.zhuozhengsoft.com/dowm/下載集成文件,引入jar包,配置web.xml瀏覽器
去剛纔下載的集成文件中找到lib,將裏面的內容放在項目web-inf的lib中引入jar包,而後將web.xml的pageoffice配置引入到本身項目的wb.xml中服務器
2.在父頁面index.jsp(須要打開文檔的頁面)放一個a標籤或者buttonapp
寫a標籤以前先引入pageoffice須要的js文件less
<script type="text/javascript" src="/pageoffice.js"></script>
而後添加a標籤 webapp
<a href="javascript:POBrowser.openWindowModeless('Word.jsp' , 'width=1200px;height=800px;');">打開文件</a>
3.在父頁面同級目錄下建立一個名爲Word.jsp的文件jsp
<%@ page language="java" import="java.util.*,com.zhuozhengsoft.pageoffice.*,com.zhuozhengsoft.pageoffice.wordwriter.*" pageEncoding="UTF-8"%> <% PageOfficeCtrl poCtrl = new PageOfficeCtrl(request); //設置服務器頁面 poCtrl.setServerPage(request.getContextPath() + "/poserver.zz"); //添加自定義按鈕 poCtrl.addCustomToolButton("設置書籤顏色", "setColor()", 1); poCtrl.addCustomToolButton("設置書籤背景色", "setBackground()", 1); //打開Word文檔 poCtrl.webOpen("test.doc", OpenModeType.docNormalEdit, "張佚名"); %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <script type="text/javascript"> function setColor() { //定位選中書籤內容 document.getElementById("PageOfficeCtrl1").DataRegionList.GetDataRegionByName("PO_userName").Locate(); //設置書籤中文本的字體顏色 document.getElementById("PageOfficeCtrl1").RunMacro("myFunc2", 'Function myFunc2() \r\n Selection.Font.Color = -654245889 \r\n End Function'); } function setBackground() { //定位選中書籤內容 document.getElementById("PageOfficeCtrl1").DataRegionList.GetDataRegionByName("PO_deptName").Locate(); //設置書籤的背景色 document.getElementById("PageOfficeCtrl1").RunMacro("myFunc2", 'Function myFunc2() \r\n Selection.Range.HighlightColorIndex = wdYellow \r\n End Function'); } </script> <div style="height: 850px; width: 1036px;"> <%=poCtrl.getHtmlCode("PageOfficeCtrl1")%> </div> </body> </html>
4.在Word.jsp文件同級目錄下.新建一個名爲test.doc的word文件(若是新建的是docx文件就將第三步的
poCtrl1.webOpen("test.doc", OpenModeType.docReadOnly, "張三");
代碼改成poCtrl1.webOpen("test.docx", OpenModeType.docReadOnly, "張三");
並設置對應的書籤 PO_deptName 和 PO_userName
啓動項目直接訪問aaa.jsp點擊連接.此時會提示安裝插件,點擊安裝成功後提示註冊,填寫相關信息,填寫註冊碼CA1XB-MF7Y-12ST-PSBP2就能夠打開文檔.
點擊
3、最終效果
注意:若是須要更豐富的功能,你們能夠去pageoffice官網下載示例代碼直接將samples4文件夾扔到Tomcat的webapps下,啓動Tomcat,瀏覽器訪問http://localhost:8080/Samples4/index.html 看看具體的效果以及詳細的代碼。
剛開始接觸pageoffice的話,也能夠看視頻快速上手.http://www.zhuozhengsoft.com/Technical/