首先你要有三個東西：sealsetup.exe、pageoffice.jar和posetup.exe，如果沒有，就去     http://www.zhuozhengsoft.com/download.html     下載，下載完之後拷貝sealsetup.exe、pageoffice.jar和posetup.exe到專案的WEB-INF\\lib目錄下。

第二步 在專案的web.xml裡面新增如下程式碼：

<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.zz</url-pattern>
</servlet-mapping>
<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-mapping>
<servlet-name>poserver</servlet-name>
<url-pattern>/posetup.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>111111</param-value>
 </context-param>

接下來就可以直接在頁面上使用了，此處以一個死路徑為例

function editfile() {
var filesrc="/test.doc";
var url='<%=contextPath%>/editfile.jsp?fileId='+filesrc;
window.open(url,'newWin','modal=yes,width=560,height=420,resizable=no,scrollbars=no'); 
}

editfile.jsp頁面的程式碼如下：

<%@ page language="java" import="java.util.*,com.zhuozhengsoft.pageoffice.*,java.sql.*,java.io.*,javax.servlet.*,javax.servlet.http.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.pageoffice.cn" prefix="po"%>
<%
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
//******************************卓正PageOffice元件的使用*******************************
PageOfficeCtrl poCtrl1 = new PageOfficeCtrl(request);
//poCtrl1.setServerPage(request.getContextPath() + "/poserver.zz"); //此行必須
poCtrl1.setServerPage("poserver.do"); //此行必須
poCtrl1.setSaveFilePage("SaveFile.jsp");//執行儲存操作的檔案或者請求路徑


//1:儲存 2：蓋章 3：批註文字 4：全屏  5:打鉤 6：列印  7：搜尋  0：文字列表
poCtrl1.addCustomToolButton("儲存", "Save", 1);
poCtrl1.addCustomToolButton("普通編輯", "docNormalEdit", 3);
poCtrl1.addCustomToolButton("痕跡編輯", "docRevisionOnly", 3);
poCtrl1.addCustomToolButton("顯示痕跡", "ShowRevisions", 5);
poCtrl1.addCustomToolButton("隱藏痕跡", "HiddenRevisions", 5);
poCtrl1.addCustomToolButton("手寫批註", "StartHandDraw", 3);


String path=request.getSession().getServletContext().getRealPath("/") ;
//String path=getClass().getResource("/").getFile().toString();
    
String fullpath = "";//完整路徑
String filepath = request.getParameter("fileId");//檔案存放路徑
poCtrl1.setCaption("線上編輯  "+filepath);
//如果是檔案存放路徑，要加上伺服器地址，組合成完整路徑
if (filepath != null && !"".equals(filepath)
&& !"null".equals(filepath)
&& !"undefined".equals(filepath)) {
fullpath = path +"/"+filepath;
}


//獲取檔案型別
String fileType=filepath.substring(filepath.lastIndexOf("."));
if(fileType.trim().equals(".doc")||fileType.trim().equals(".docx")) {
poCtrl1.webOpen(fullpath, OpenModeType.docNormalEdit, "aa");//可編輯模式開啟word文件
//poCtrl1.webOpen(fullpath, OpenModeType.docReadOnly, "aa");//只讀模式開啟word文件
} else if(fileType.trim().equals(".xls")||fileType.trim().equals(".xlsx")) {
poCtrl1.webOpen(fullpath, OpenModeType.xlsNormalEdit, "aa");//可編輯模式開啟excel文件
//poCtrl1.webOpen(fullpath, OpenModeType.xlsReadOnly, "aa");//只讀模式開啟excel文件
} else if(fileType.trim().equals(".ppt")||fileType.trim().equals(".pptx")) {
poCtrl1.webOpen(fullpath, OpenModeType.pptNormalEdit, "aa");//可編輯模式開啟ppt文件
//poCtrl1.webOpen(fullpath, OpenModeType.pptReadOnly, "aa");//只讀模式開啟ppt文件
}


poCtrl1.setTagId("PageOfficeCtrl1"); //此行必須要！
%>




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="images/csstg.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    //流程跳轉
    function Lz(id,flag) {
    if(flag==0){
    location.href=encodeURI("index.jsp?id="+id+"&flg=李四批閱");
    }
    else 
    location.href=encodeURI("index.jsp?id="+id+"&flg=文員清稿");
    }
    </script>
<style>
* {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<form id="form2">
<div id="content">
<div id="textcontent" style="width:auto; height:100%;">
<!--**************   卓正 PageOffice元件 ************************-->
<script type="text/javascript">
function Save() {
        //判斷是否為附件
        var fullpath = "<%=fullpath%>";
        if(fullpath.indexOf('http:') == 0){
        if(window.confirm("該檔案不是附件不能儲存到伺服器！\n        是否另存為本地檔案?")){
        document.getElementById("PageOfficeCtrl1").ShowDialog( 3 ); 
        }else{
        
        }
        return;
        }
        //提示是否儲存伺服器
if (window.confirm("是否要將修改後的內容儲存到伺服器?")) { 
            document.getElementById("PageOfficeCtrl1").WebSave();
} else {

}
        }
        




        //顯示痕跡
        function ShowRevisions() {
            document.getElementById("PageOfficeCtrl1").ShowRevisions = true;
        }




        //隱藏痕跡
        function HiddenRevisions() {
            document.getElementById("PageOfficeCtrl1").ShowRevisions = false;
        }
        
        //領導圈閱簽字
        function StartHandDraw() {
            document.getElementById("PageOfficeCtrl1").HandDraw.SetPenWidth(5);
            document.getElementById("PageOfficeCtrl1").HandDraw.Start();
        }
// 插入鍵盤批註
        function StartRemark() {
            var appObj = document.getElementById("PageOfficeCtrl1").WordInsertComment();




        } 
        //分層顯示手寫批註
        function ShowHandDrawDispBar() {
            document.getElementById("PageOfficeCtrl1").HandDraw.ShowLayerBar(); ;
        }




        //全屏/還原
        function IsFullScreen() {
        alert("全屏/還原");
            document.getElementById("PageOfficeCtrl1").FullScreen = !document.getElementById("PageOfficeCtrl1").FullScreen;
        }




        //顯示標題
        function ShowTitle() {
            alert("該選單的標題是：" + document.getElementById("PageOfficeCtrl1").caption);
        }
        
        //痕跡編輯模式
        function docRevisionOnly(){
        var fullpath = '<%=fullpath%>';
        document.getElementById("PageOfficeCtrl1").Close(); 
        document.getElementById("PageOfficeCtrl1").WebOpen( fullpath, "docRevisionOnly", "張三" ); 
        }
        
        //普通編輯模式
        function docNormalEdit(){
        var fullpath = '<%=fullpath%>';
        alert(fullpath);
document.getElementById("PageOfficeCtrl1").Close();
document.getElementById("PageOfficeCtrl1").WebOpen("系統管理概要設計.doc", "docNormalEdit", "張三");
}
</script>
<po:PageOfficeCtrl id="PageOfficeCtrl1" />
</div>
</div>
</form>
</body>
</html>

以上就可以完成線上開啟office文件或者線上編輯office文件，如果需要儲存則在SaveFile.jsp頁面新增如下程式碼：

<%@ page language="java" import="java.util.*,com.zhuozhengsoft.pageoffice.*" pageEncoding="UTF-8"%>
<%
String contextPath = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+contextPath+"/";


FileSaver fs = new FileSaver(request, response);  //儲存Word文件到相應的磁碟路徑中   
fs.saveToFile(request.getSession().getServletContext().getRealPath("/") + "/" + fs.getFileName());   
//fs.showPage(300,300);//可在前臺彈出相應大小的視窗，並在上面顯示想要顯示的資訊內容
fs.close(); 
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
  </head>
  
  <body>
  <% 
  request.setCharacterEncoding("utf-8");
  response.setCharacterEncoding("utf-8");
  %>
  </body>
</html>

測試一下，就可以線上開啟office文件並且可以編輯和儲存了