js实现word生成书签_js在PageOffice打开的Word文档光标处插入书签

在使用Word时，如果内容过多有时为了快速定位到内容的某一处或某一部分怎会在该处添加书签。Word中的书签可以通过工具栏手动添加或删除，也可以通过后台程序结合JS函数在当前光标处插入书签，或根据书签名称删除某个书签。

通过后台程序在当前光标处添加书签的具体步骤如下：

第一步：拷贝文件到WEB项目的“WEB-INF/lib”目录下。拷贝PageOffice示例中下的“WEB-INF/lib”路径中的pageoffice.cab和pageoffice.jar到新建项目的“WEB-INF/lib”目录下。

第二步：修改WEB项目的配置文件。将如下代码添加到配置文件中：

<servlet>

<servlet-name>poserverservlet-name><servlet-class>com.zhuozhengsoft.pageoffice.poserver.Server

servlet-class>

servlet>

<servlet-mapping>

<servlet-name>poserverservlet-name>

<url-pattern>/poserver.dourl-pattern>

servlet-mapping>

<servlet-mapping>

<servlet-name>poserverservlet-name>

<url-pattern>/pageoffice.caburl-pattern>

servlet-mapping>

<servlet-mapping>

<servlet-name>poserverservlet-name>

<url-pattern>/popdf.caburl-pattern>

servlet-mapping>

<servlet-mapping>

<servlet-name>poserverservlet-name>

<url-pattern>/sealsetup.exeurl-pattern>

servlet-mapping>

<servlet>

<servlet-name>adminsealservlet-name>

<servlet-class>com.zhuozhengsoft.pageoffice.poserver.AdminSeal

servlet-class>

servlet>

<servlet-mapping>

<servlet-name>adminsealservlet-name>

<url-pattern>/adminseal.dourl-pattern>

servlet-mapping>

<servlet-mapping>

<servlet-name>adminsealservlet-name>

<url-pattern>/loginseal.dourl-pattern>

servlet-mapping>

<servlet-mapping>

<servlet-name>adminsealservlet-name>

<url-pattern>/sealimage.dourl-pattern>

servlet-mapping>

<mime-mapping>

<extension>mhtextension>

<mime-type>message/rfc822mime-type>

mime-mapping>

<context-param>

<param-name>adminseal-passwordparam-name>

<param-value>123456param-value>

context-param>

第三步：添加引用。在WEB项目的WebRoot目录下添加动态页面Word.jsp。在该页面后台代码中

添加自定义标签库：“

uri="http://java.pageoffice.cn"

prefix="po"%>”

引入PageOffice类库：“

com.zhuozhengsoft.pageoffice.*,com.zhuozhengsoft.pageoffice.wordwriter.*”%>”。

在HTML的

中添加PageOffice引用：

“

id="PageOfficeCtrl1">

”，并设置控件所在层(

再在

中添加两个文本框，用于输入书签名称和书签文本内容，部分如下：

插入书签时，请先输入要插入的书签名称和文本；删除书签时，请先输入相应的书签名称！书签名称：

书签文本：

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;

functionaddBookMark()

{

var obj =

document.getElementByIdx_x("PageOfficeCtrl1").Document;

var bkName =

document.getElementByIdx_x("txtBkName").value;

var bkText =

document.getElementByIdx_x("txtBkText").value;

range = obj.Application.Selection.Range;

range.Text = bkText;

obj.Bookmarks.Add(bkName, range);

obj.Bookmarks(bkName).Select();

}

function delBookMark()

{

var bkName =

document.getElementByIdx_x("txtBkName").value;

var obj =

document.getElementByIdx_x("PageOfficeCtrl1").Document;

range = obj.Application.Selection.Range;

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

obj.Bookmarks(bkName).Select();

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

}

}

如上所述，即可简单快速的添加删除Word中的书签了。