纯前端将Html导出word

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

不会玩游戏的哈蒙德

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

阅读量1.5k

点赞数

文章标签：前端 html word

本文链接：https://blog.csdn.net/iummiw/article/details/127866758

版权

该博客介绍了如何在纯前端环境下，利用HTML内容生成Word文档。通过引用CSDN上的两篇文章，详细讲解了转换过程和技术实现细节。

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

1. FileSaver.js + html-docx.js
 <!-- 导出 word 文档 -->
 function  exportDocx() {
   

      <!-- 克隆报告HTML -->

     var contentDocument =  document.getElementById("exam_Concent");

     this.convertImagesToBase64(contentDocument);



     var content = `<!DOCTYPE html><html>

              <head>

                  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

              </head>

              <body>

                  ${
     contentDocument.innerHTML}

              </body>

              </html>`;

     var converted = htmlDocx.asBlob(content);

     saveAs(converted, `文件.docx`)