前端：纯前端快速实现html导出word和pdf

实现html导出word，需要使用两个库。 html-docx-js和file-saver

导出word的js方法

> npm install html-docx-js

>npm install file-saver

js引入

import FileSaver from “file-saver”;

import htmlDocx from “html-docx-js/dist/html-docx”;

/**导出word方法 */

exportWord() {

let contentHtml = document.getElementById(“myContainer”).innerHTML;

//myContainer是需要导入的dom元素的id，也就是像

let content = `

${contentHtml}

\`;

console.log(content)

let converted = htmlDocx.asBlob(content);//利用插件转

FileSaver.saveAs(converted, “xxx.docx”);//导出为word，要以.docx为后缀，xxxx可任意名字

},

要注意的点及推荐：

1：要导出word的html代码不推荐使用组件，例如等，bug很多，最好使用原始的html代码。但是像v-model这种数据绑定的都是可以用的

2：表格推荐使用

的形式，另外像

标签都会在word生