将html中的内容导出为word文件

用jquery.js方法

第一步,先引入三个js文件


<script src="js/jquery.js"></script>
<script src="js/FileSaver.js"></script>
<script src="js/jquery.wordexport.js"></script>

要先引入上面的两个文件再引入 wordexport 文件
下载地址:
https://github.com/eligrey/FileSaver.js/
https://github.com/markswindoll/jQuery-Word-Export

我把源码附上吧,找来找去还挺麻烦的
FileSaver.js的源码

第二步,将要下载的内容写在一个id上(后续通过id获取想要下载的内容)


<div id='download'>测试测试测试测试测试</div>

样式要写到行内

第三步,写文字绑定下载事件

<button class='dd' onclick="dowload();" style="width: 55px">下载</button>
`function dowload(){ 
           $("#dd").hide();
           $('#download').wordExport('检查记录表');
       }
  • 官方是这样写的(很jquery,哈哈)
<button id=“export">导出</button>

$("#export").click(function(){
     $("#download").wordExport();
});

这是目前是我接手一个需要下载一个表格时用到的,先简单记录下,查阅资料发现还有下载图片,echarts表格的,需要先将ECharts保存为图片,存储到项目中固定的文件夹下,再将图片地址赋值到src中,后期遇到再详细记录和补充

posted @ 2020-10-10 17:09  张尊娟  阅读(585)  评论(0编辑  收藏  举报