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)
相关推荐
默_笙5 小时前
🌃 HTTP 不认识你:JWT 登录鉴权的完整"酒店入住"指南
前端·javascript
奋斗吧程序媛6 小时前
CSV文件导入功能
开发语言·javascript·ecmascript
天道kabuto6 小时前
vue-i18n 升级 9.x 踩坑:正则表达式引发的“花括号”惨案
vue.js
梨想橙汁6 小时前
JS 核心语法:运算符流程控制、函数、数组与对象实战详解
前端·javascript
七牛开发者6 小时前
拆解 dsh:Turn 与 Step 如何组织 Agent 主循环
前端·javascript·人工智能
空想兔6 小时前
前端网络请求的前世今生:从 Ajax、XHR 到 Fetch 和 Axios
javascript
梨想橙汁6 小时前
JavaScript 零基础入门:引入方式、变量与数据类型,吃透原始与引用类型
前端·javascript
WebInfra6 小时前
Rslib 1.0 正式发布:面向多场景的 JavaScript 库开发工具
前端·javascript·github
汉堡大王95277 小时前
面试官:讲讲归并排序 —— 为什么它能在面试里反复出现?
前端·javascript·面试
kyriewen7 小时前
别再只给人写页面了:AI 已经开始自己点你的按钮、填你的表单
前端·javascript·人工智能