vue把html导出为word

最新推荐文章于 2025-07-17 17:08:24 发布

杜小帅666

最新推荐文章于 2025-07-17 17:08:24 发布

阅读量3.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue word导出文章标签： vue

本文链接：https://blog.csdn.net/m0_47408822/article/details/121099257

vue 同时被 2 个专栏收录

8 篇文章

订阅专栏

word导出

1 篇文章

订阅专栏

本文介绍了一种使用file-saver和html-docx-js将HTML内容转换并导出为Word文档的方法。通过简单的几步操作，可以轻松地将网页内容保存为Word文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 首先安装 file-saver和html-docx-js

npm install file-saver --save
npm install html-docx-js --save

2.引入

import { saveAs } from 'file-saver';
import htmlDocx from 'html-docx-js/dist/html-docx';

3.导出html为word

let arr = document.querySelector('#question_doc')  //获取dom
let html = arr.innerHTML; //获取html的内容
let htmlStr = `
      <!DOCTYPE html>
      <html lang="en">
        <body style="font-family:方正仿宋_GBK;mso-ascii-font-family:'Times New Roman';">
          ${html}
        </body>
      </html>`;  //把获取到的html放入到原生的html中
 saveAs(
        htmlDocx.asBlob(htmlStr, { orientation: 'landscape' }),
        '问卷调查.doc'
      );  // 导出为word