利用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





























