vue把html导出为word

1首先安装 file-saver和html-docx-jsnpm install file-saver --savenpm install html-docx-js --save2.引入import { saveAs } from 'file-saver';import htmlDocx from 'html-docx-js/dist/html-docx';3.导出html为wordlet arr

杜小帅666

3463人浏览 · 2021-11-02 14:18:08

杜小帅666 · 2021-11-02 14:18:08 发布

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^