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)
相关推荐
闲蛋小超人笑嘻嘻10 小时前
find数组方法详解||Vue3 + uni-app + Wot Design(wd-picker)使用自定义插槽内容写一个下拉选择器
前端·javascript·uni-app
小牛itbull10 小时前
初始化electron项目运行后报错 electron uninstall 解决方法
前端·javascript·electron
rggrgerj12 小时前
Vue3 组件完全指南代码
前端·javascript·vue.js
在逃的吗喽13 小时前
Vue3新变化
前端·javascript·vue.js
Demoncode_y14 小时前
Vue3中基于路由的动态递归菜单组件实现
前端·javascript·vue.js·学习·递归·菜单组件
Never_Satisfied14 小时前
在JavaScript / HTML中,浏览器提示 “Refused to execute inline event handler” 错误
开发语言·javascript·html
Never_Satisfied14 小时前
在JavaScript / HTML中,事件监听的捕获和冒泡阶段解析
开发语言·javascript·html
茶憶14 小时前
uniapp 请求接口封装和使用
vue.js·uni-app
岁月宁静15 小时前
🎨 打造 AI 应用的 “门面”:Vue3.5 + MarkdownIt 实现高颜值、高性能的答案美化组件
前端·javascript·vue.js
码农飞哥15 小时前
AI编程开发系统001-基于SpringBoot+Vue的旅游民宿租赁系统
vue.js·spring boot·毕业设计·ai编程·计算机源码