java 集成 pageoffice 實如今線打開word 文件,並用 js 設置書籤文本顏色以及背景色

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/

相關文章
相關標籤/搜索