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)
相关推荐
sen_shan15 分钟前
《Vue项目开发实战》第八章:组件封装--vxeGrid
前端·javascript·vue.js
2***574218 分钟前
Vue项目国际化实践
前端·javascript·vue.js
3秒一个大30 分钟前
JavaScript 作用域:从执行机制到块级作用域的演进
javascript
星空的资源小屋38 分钟前
VNote:程序员必备Markdown笔记神器
javascript·人工智能·笔记·django
摇滚侠1 小时前
Vue 项目实战《尚医通》,实名认证模块静态的搭建,笔记53
vue.js·笔记
程序员爱钓鱼1 小时前
使用简单 JSON + 自定义 t 函数实现轻量多语言国际化(无需 next-intl)
前端·javascript·trae
一 乐1 小时前
助农平台|基于SprinBoot+vue的助农服务系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·ecmascript·springboot
●VON1 小时前
Electron 小游戏实战:太空打砖块(Space Breakout)
前端·javascript·electron
新晨4371 小时前
Vue 3 定时器清理的最佳实践
javascript·vue.js
重铸码农荣光1 小时前
深入理解 JavaScript 原型机制:从“如何拿到小米 SU7”说起
前端·javascript