js在PageOffice打開的Word文檔光標處插入書籤

 

在使用Word時,若是內容過多有時爲了快速定位到內容的某一處或某一部分怎會在該處添加書籤。Word中的書籤能夠經過工具欄手動添加或刪除,也能夠經過後臺程序結合JS函數在當前光標處插入書籤,或根據書籤名稱刪除某個書籤。 java

經過後臺程序在當前光標處添加書籤的具體步驟以下: web

第一步:拷貝文件到WEB項目的「WEB-INF/lib」目錄下。拷貝PageOffice示例中下的「WEB-INF/lib」路徑中的pageoffice.cabpageoffice.jar到新建項目的「WEB-INF/lib」目錄下。 app

第二步:修改WEB項目的配置文件。將以下代碼添加到配置文件中: jsp

<!-- PageOffice Begin --> 函數

<servlet> 工具

<servlet-name>poserver</servlet-name><servlet-class>com.zhuozhengsoft.pageoffice.poserver.Server 測試

</servlet-class> url

</servlet> spa

<servlet-mapping> .net

<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>)的高和寬。

再在<body>中添加兩個文本框,用於輸入書籤名稱和書籤文本內容,部分以下:

插入書籤時,請先輸入要插入的書籤名稱和文本;刪除書籤時,請先輸入相應的書籤名稱!<label>書籤名稱:</label>

<inputid="txtBkName"type="text"value="test"/>

<label>書籤文本:</label>

inputid="txtBkText"type="text"value="[測試]"/>

第四步:WordAddBKMK.jsp後臺編寫代碼。打開Word文件,部分代碼以下:

//*******************卓正PageOffice組件的使用***********************

    PageOfficeCtrl poCtrl1 = new PageOfficeCtrl(request);

    poCtrl1.setServerPage("poserver.do"); //此行必須

    //添加自定義按鈕

    poCtrl1.addCustomToolButton("插入書籤","addBookMark",5);

    poCtrl1.addCustomToolButton("刪除書籤","delBookMark",5);

    poCtrl1.webOpen("doc/template.doc", OpenModeType.docNormalEdit, "張三");

    poCtrl1.setTagId("PageOfficeCtrl1"); //此行必須   

而後在HTML頁面添加JS函數,代碼以下:

var range;

function  addBookMark()

    {

var obj = document.getElementById("PageOfficeCtrl1").Document;

var bkName = document.getElementById("txtBkName").value;

var bkText = document.getElementById("txtBkText").value;

        range = obj.Application.Selection.Range;

        range.Text = bkText;

        obj.Bookmarks.Add(bkName,  range);

        obj.Bookmarks(bkName).Select();

}

function delBookMark()

    {

var bkName = document.getElementById("txtBkName").value;

var obj = document.getElementById("PageOfficeCtrl1").Document;

        range = obj.Application.Selection.Range;

if(obj.Bookmarks.Exists(bkName)){

            obj.Bookmarks(bkName).Select();

            obj.Application.Selection.Range.Text = "";

        }

}

如上所述,便可簡單快速的添加刪除Word中的書籤了。

相關文章
相關標籤/搜索