html转word下载

一、插件使用

//转html为word

npm i html-docx-js

//保存文件到本地

npm i file-saver

注:vite 项目使用esm模式会报错,with方法错误,修改如下:

//直接安装修复版本

npm i html-docx-fixed

二、封装导出 exportWord.js

javascript 复制代码
import htmlDocx from 'html-docx-fixed/dist/html-docx';
import saveAs from 'file-saver';

export function exportToWord(content, fileName) {
  var converted = htmlDocx.asBlob(content);
  saveAs(converted, fileName+'.docx');
}

三、页面调用

javascript 复制代码
import {exportToWord} from "./exportWord.js";
var content = document.getElementById("exportHtml"),fileName = "word";
exportToWord(content,fileName)
相关推荐
AndyGoWei7 分钟前
Web Worker 简单使用,看这篇文章就够了
javascript
OEC小胖胖22 分钟前
组件化(一):重新思考“组件”:状态、视图和逻辑的“最佳”分离实践
前端·javascript·html5·web
拾光拾趣录24 分钟前
用 Web Worker 计算大视频文件 Hash:从“页面卡死”到流畅上传
前端·javascript
索西引擎1 小时前
HTML5 新特性:MutationObserver 详解
javascript
洛千陨1 小时前
Web Worker基础概念 & 图片滤镜处理实际应用 -- Vue3
javascript·vue.js
半花1 小时前
【vue】v-自定义指令
前端·vue.js
武昌库里写JAVA1 小时前
【MySQL】MySQL数据库如何改名
java·vue.js·spring boot·sql·学习
拳打南山敬老院1 小时前
从零构建一个插件系统(四)插件的缓存
javascript·架构
new_abc1 小时前
net-snmp添加自定义mib树
服务器·前端·javascript
樱花开了几轉2 小时前
React中的合成事件解释和理解
前端·javascript·react.js