纯前端导出html、word与pdf报表

最新推荐文章于 2024-07-13 11:25:08 发布

笑笑的微笑

最新推荐文章于 2024-07-13 11:25:08 发布

阅读量718

点赞数 2

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/pz3305636904/article/details/116092752

版权

本文介绍了如何在前端实现报表的导出，包括使用jQuery wordExport插件实现网页内容导出为word，利用js的writer()方法导出HTML，以及结合html2canvas和jspdf插件将HTML转换为PDF。在处理含有动态echarts图表的导出时，将图表转换为图片并嵌入到PDF中。

摘要由CSDN通过智能技术生成

导出word

jQuery wordExport实现网页导出word

主要借鉴这篇博客，可能有其他更好的插件，但懒得找

导出HTML

导出html应该是相对简单的，因为js的writer()语法就可以实现输出

let resHtml = `<!DOCTYPE html>
                <html>
                <head>
                    <meta charset="utf-8">
                    <meta name="viewport" content="width=device-width,initial-scale=1.0">
                    ${.htmlContent}
                    </body>
                </html>`
       writer(`${new Date().getTime()}.html`, resHtml, "utf-8");

这里的${htmlContent}是页面内容，可以是