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)
相关推荐
WHOVENLY23 分钟前
【javaScript】- 作用域[[scope]]
前端·javascript
来杯三花豆奶28 分钟前
Vue3 Pinia 从入门到精通
前端·javascript·vue.js
syt_101332 分钟前
设计模式之-工厂模式
javascript·单例模式·设计模式
weibkreuz1 小时前
React的基本使用@2
前端·javascript·react.js
于是我说1 小时前
前端JavaScript 项目中 获取当前页面滚动位置
开发语言·前端·javascript
小肖爱笑不爱笑1 小时前
JavaScript
java·javascript·json·web
凯小默1 小时前
02.内存管理和内存泄漏
javascript
来杯三花豆奶2 小时前
Vue 2.0 Mixins 详解:从原理到实践的深度解析
前端·javascript·vue.js
San30.2 小时前
深度驱动:React Hooks 核心之 `useState` 与 `useEffect` 实战详解
前端·javascript·react.js
柒.梧.2 小时前
HTML入门指南:30分钟掌握网页基础
前端·javascript·html