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)
相关推荐
Heo1 小时前
大厂前端调试不能只会debugger
前端·javascript·面试
windliang2 小时前
Claude Code 源码分析(十二):错误处理与自动恢复:让 Agent 稳定运行
前端·javascript·面试
默_笙2 小时前
🛬 前端路由的"高级玩法":懒加载、404、鉴权路由,一个都不能少(下篇)
前端·javascript
sunly_2 小时前
TypeScript:3、类型声明与类型推断
javascript·ubuntu·typescript
奥莱维4 小时前
【无标题】
java·前端·javascript
阿懂在掘金4 小时前
同一份弹窗我重构了三次:从 v-model 地狱到路由式调用,终于治好了模板臃肿
前端·vue.js·前端框架
黄金决明子5 小时前
浏览器Window底层操作全解
前端·javascript
AI视觉网奇6 小时前
cannot import name ‘model_urls‘ from ‘torchvision.models.resnet‘
linux·前端·javascript
小锋java12346 小时前
【技术专题】Vue3 - 生命周期
vue.js·vite
DS随心转小程序6 小时前
借助 AI 导出鸭简化各类办公场景下文心输出 word 文档全流程操作
人工智能·aigc·word·豆包·deepseek·ai导出鸭