[vue] html导出到word ，使用 htmlDocx FileSaver

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

file-saver是用来保存文件的，也是必须安装的。

import FileSaver from 'file-saver'
import htmlDocx from "html-docx-js/dist/html-docx"

//模板word导出exportWordTpl() {let contentHtml = document.getElementById("exportBox").innerHTMLlet content = `<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><body>${contentHtml}</body></html>`;let converted = htmlDocx.asBlob(content);FileSaver.saveAs(converted, '模块汇总表.docx');}

参考：

vue中html导出到word

[vue] html导出到word ，使用 htmlDocx FileSaver相关推荐

vue实现导出为word模板
安装并导入 import Docxtemplater from 'docxtemplater' import PizZip from 'pizzip' import JSZipUtils from ' ...
解决vue表格导出时数据重复
如果 element-ui的table 使用了 fixed 属性固定列,导出表格时会出现导出两次的问题,在导出的表格中会有重复数据,是因为在 table 中有两个 table 标签,本文章提出解决办法 ...
富文本编辑器(html格式)导出为word（vue实现）
纯Vue实现将多个富文本编辑器内容[html格式]统一导出为word 一.vue需要导入的包二.制作html的格式 1. 为了方便,先用word制作成对应的导出样式,然后通过word导出为html格 ...
vue中html导出到word
最新项目要实现个需求,数据导出到word格式的文档,所以就上github上找点思路,一看就发现了一个https://github.com/evidenceprime/html-docx-js,但是现在 ...
vue实现导出word文档（含多张图片）
一.实现效果以填写并导出房屋出租审批表为例,首先填写表格相应内容后,点击" 导出 "按钮实现word文档的导出功能,界面如下所示: 最后导出word文档如下所示: 二.所需插件 ...
Springboot + vue 实现导出word
Springboot + vue 实现导出word 后端代码使用word先创建好已知的模板使用word工具另存为.xml格式的文件使用freemarker ftl模板将修改后的xml文件复制到 ...
将vue页面文本导出到word,并设置页眉页脚，分页打印相关讲解--高级版
需求: 将以下内容导出到word,并设置页眉页脚,页码以及导出时间,且时间.页码加粗处理:每一个明细各占一页,且不能有空白页出现. 最终效果展示: 代码展示及讲解: <template>& ...
js将HTML导出生成word文档
在项目开发中中,遇到将HTML导出生成word文档,刚开始在网上找了很多资料,基本都是jQuery中的插件jquery.wordexport.js,刚开始是不想用这个的,这个要引用另一个插件FileS ...
vue+docxtemplater，填充word模板
安装依赖 yarn add docxtemplateryarn add pizzipyarn add jszip-utilsyarn add file-saver// 模板解析插件(支持list循环直 ...

[vue] html导出到word ，使用 htmlDocx FileSaver

[vue] html导出到word ，使用 htmlDocx FileSaver相关推荐

最新文章

热门文章