js 时间比较_强推,利用js工具wordexport将页面导出为Word文档

利用js工具wordexport将页面导出为Word文档

最近工作方面接到新需求,要将页面中的person信息导出为Word。

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

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

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

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

目的:

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

案例:

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

f4db59b7a1bc919fde5a93beeed69a0b.png

(1) 下载必须的js文件

下面给出GitHub的下载地址

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

612b13205dba5b21f8541e84e358612a.png

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

76b410484f3f2d5b273b75ba92bb32f2.png

(2) 导入js文件

一共需要导入3个js文件

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

69830673e8d5cd860757ecdb41e222b6.png

(3) 把需要导出的person信息放到div中

.......
d4ecc2ab0cc2281171d734c92ecce042.png

(4) 创建一个导出的按钮

导出Word

1eea41e902e636badca46980ede99f23.png

(5) 导出Word事件

9f0e23b712a6f6095926e48d7887151c.png

补充:

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

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

如果不传入默认为jQuery-Word-Export

其实可以打开源码开一下。

如下图:

8df502d14f15b78728953bc71e7e7340.png

(6) 测试

82036121818215dbfd195c4ce34c33a3.png

点击导出Word按钮

140b520fc84d12c2a9adbfddc79ff457.png

打开odysee文档

效果还是可以接受的

04a81c83a021ee835d338c3dc1968dbc.png

总结:

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

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

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

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

人员信息

导出Word

odysee

姓 名odysee性 别出生年月2019-6-13
民 族Linux籍 贯home/odysee/出生地Centos7
入 学
时 间
2017参加工
作时间
2018健康状况开机中...
电 话call me odysee邮 箱I am in toutiao
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值