vue把html导出为word

最新推荐文章于 2024-09-06 17:50:58 发布

杜小帅666

最新推荐文章于 2024-09-06 17:50:58 发布

阅读量3.4k

点赞数 2

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

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

版权

vue 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

word导出

1 篇文章 0 订阅

订阅专栏

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