APP下载

强推 利用js工具wordexport将页面汇出为Word档案

消息来源:baojiabao.com 作者: 发布时间:2026-05-22

报价宝综合消息强推 利用js工具wordexport将页面汇出为Word档案

利用js工具wordexport将页面汇出为Word文件

最近工作方面接到新需求,要将页面中的person资讯汇出为Word。

网上查了查,部分都是从JS入手。

亲自试用了一些JS工具,发现稂莠不齐。

不过最终还是找到了一个中意的"flower"-->wordexport.js。

汇出效果还是不错的,详情见下方。

目的:

一方面向大家推荐,另一方面希望大家可以不吝赐教,推荐一些更为好用的工具

案例:

测试案例的结构,比较简单。

(1) 下载必须的js档案

下面给出GitHub的下载地址

https://github.com/eligrey/FileSaver.js/

https://github.com/markswindoll/jQuery-Word-Export

(2) 汇入js档案

一共需要汇入3个js档案

后者依赖于jQuery的jquery.min.js

(3) 把需要汇出的person资讯放到div中

.......

(4) 建立一个汇出的按钮

汇出Word

(5) 汇出Word事件

function exportWord(){

$("#printTab").wordExport("odysee");

}

补充:

$("#printTab").wordExport("odysee");

这里的odysee为汇出的Word的名字

如果不传入预设为jQuery-Word-Export

其实可以开启源代码开一下。

如下图:

(6) 测试

点选汇出Word按钮

开启odysee文件

效果还是可以接受的

总结:

从网上找了几个js工具,发现还是这个比较好用些。

同时希望大家可以不吝赐教,多多推荐一些更为好用的工具。

下面贴出word.html源代码(如果大家想要原档案请留言或私信)

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

人员资讯

function exportWord(){

$("#printTab").wordExport("odysee");

}

汇出Word

odysee

姓 名

odysee

性 别

出生年月

2019-6-13

民 族

Linux

籍 贯

home/odysee/

出生地

Centos7

入 学

时 间

2017

参加工

作时间

2018

健康状况

开机中...

电 话

call me odysee

邮 箱

I am in toutiao

2019-12-19 10:52:00

相关文章