一、插件使用

//转html为word

npm i html-docx-js 

//保存文件到本地

npm i file-saver 

注:vite 项目使用esm模式会报错,with方法错误,修改如下:

//直接安装修复版本

npm i html-docx-fixed

二、封装导出 exportWord.js

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');
}

三、页面调用 

import {exportToWord} from "./exportWord.js";
var content = document.getElementById("exportHtml"),fileName = "word";
exportToWord(content,fileName)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/web/91171.shtml
繁体地址,请注明出处:http://hk.pswp.cn/web/91171.shtml
英文地址,请注明出处:http://en.pswp.cn/web/91171.shtml

如若内容造成侵权/违法违规/事实不符,请联系英文站点网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

北方公司面试记录

避免被开盒,先称之为“北方公司”,有确定结果后再更名。 先说流程,线下面试,时间非常急,下午两点钟面试,中午十二点打电话让我去,带两份纸质简历。 和一般的菌工单位一样,先在传达室…

linux——ps命令

PPID PID PGID SID TTY TPGID STAT UID TIME COMMAND0 1 1 1 ? -1 Ss 0 0:01 /usr/lib/systemd/systemd1 123 123 123 ? -1 S 0 0:00 /usr/sbin/sshd -D123 456 456 456 pts/0 456 R 10…

C#.NET 依赖注入详解

一、是什么 在 C#.NET 中,依赖注入(Dependency Injection,简称 DI) 是一种设计模式,用于实现控制反转(Inversion of Control,IoC),以降低代码耦合、提高可测试性和可维护…

Vue监视数据的原理和set()的使用

在 Vue 中,Vue.set()(或 this.$set())是用于解决响应式数据更新检测的重要方法,其底层与 Vue 的数据监视原理紧密相关。以下从使用场景和实现原理两方面详细说明:一、Vue.set () 的使用场景与用法1. 为什么需要 Vue.se…

在 Vue 中,如何在回调函数中正确使用 this?

在 Vue 组件中,this 指向当前组件实例,但在回调函数(如定时器、异步请求、事件监听等)中,this 的指向可能会丢失或改变,导致无法正确访问组件的属性和方法。以下是在回调函数中正确使用 this 的几种常见方式…

第4章唯一ID生成器——4.4 基于数据库的自增主键的趋势递增的唯一ID

基于数据库的自增主键也可以生成趋势递增的唯一 ID,且由于唯一ID不与时间戳关联,所以不会受到时钟回拨问题的影响。 4.4.1 分库分表架构 数据库一般都支持设置自增主键的初始值和自增步长,以MySQL为例,自增主键的自增步长由auto_i…

设计模式:Memento 模式详解

Memento 模式详解Memento(备忘录)模式是一种行为型设计模式,用于在不破坏封装性的前提下,捕获并外部化一个对象的内部状态,以便在之后能够将该对象恢复到原先保存的状态。它广泛应用于需要实现撤销(Undo&am…

数据结构(6)单链表算法题(下)

一、环形链表Ⅰ 1、题目描述 https://leetcode.cn/problems/linked-list-cycle 2、算法分析 思路:快慢指针 根据上图所示的流程,我们可以推测出这样一个结论:若链表带环,快慢指针一定会相遇。 那么,这个猜测是否正…

智能制造,从工厂建模,工艺建模,柔性制造,精益制造,生产管控,库存,质量等多方面讲述智能制造的落地方案。

智能制造,从工厂建模,工艺建模,柔性制造,精益制造,生产管控,库存,质量等多方面讲述智能制造的落地方案。

Qt 分裂布局:QSplitter 使用指南

在 GUI 开发中,高效管理窗口空间是提升用户体验的关键。QSplitter 作为 Qt 的核心布局组件,让动态分割窗口变得简单直观。一、QSplitter 核心功能解析 QSplitter 是 Qt 提供的布局管理器,专用于创建可调节的分割区域: 支持水平/垂…

R语言与作物模型(DSSAT模型)技术应用

R语言在DSSAT模型的气候、土壤、管理措施等数据准备,自动化模拟和结果分析上都发挥着重要的作用。一:DSSAT模型的高级应用 1.作物模型的概念 2.DSSAT模型发展现状 3.DSSAT与R语言的安装 4.DSSAT模型的高级应用案例 5.R语言在作物模型参数优化中的应用 6.…

JavaSE:学习输入输出编写简单的程序

一、打印输出到屏幕 Java提供了三种核心输出方法,适合不同场景: System.out.println() 打印内容后 自动换行 System.out.println("Welcome"); System.out.println("to ISS"); // 输出: // Welcome // to ISSSystem.out…

访问者模式感悟

访问者模式 首先有两个东西: 一个是访问者vistor (每一个访问者类都代表了一类操作) 一个是被访问者entity (model /info/pojo/node等等这些都行)也就是是说是一个实体类 其操作方法被抽离给了其他类。 访问者模式的核心思想就是**“把操作从数据结构中分离出来,每种操作…

从零到部署:基于Go和Docker的全栈短链接服务实战(含源码)

摘要:本文将手把手带你使用Go语言,并遵循依赖倒置、分层架构等最佳实践,构建一个高性能、高可用的全栈短链接生成器。项目采用Echo框架、GORM、Redis、MySQL,并通过Docker和Docker Compose实现一键式容器化部署到阿里云服务器。文…

MyBatis_3

上一篇文章,我们学习了使用XML实现MyBatis进行增、删、查、改等操作,本篇文章,我们将学习#{ }和${ }获取方法参数的区别和使用MyBatisXML实现动态SQL语句。 #{ }和${ }的区别 在之前的文章中我们都是使用#{ }进行赋值,但实际上M…

智能图书馆管理系统开发实战系列(一):项目架构设计与技术选型

项目背景 智能图书馆管理系统(ILMS)是一个现代化的桌面应用程序,采用前后端分离架构,结合了Web技术的灵活性和桌面应用的用户体验。本项目从高保真原型设计开始,经过完整的软件开发生命周期,最终实现为一个…

应急前端“黄金3分钟”设计:极端场景下的操作界面极速搭建技术

摘要**地震突发,应急指挥系统的操作界面却因加载缓慢无法及时调取数据;火灾现场,消防员手持终端的操作步骤繁琐,延误救援时机。在分秒必争的极端场景中,传统前端操作界面为何频频 “掉链子”?怎样才能在 “…

【Android】三种弹窗 Fragment弹窗管理

三三要成为安卓糕手 零:布局转换 在很多工程当中用的都是LinearLayout和relativelayout,这两者都可以转化为Constrainlayout 注:这种用法并不能精确转换,具体还是要根据自己的需求来做布局约束一:snackbar显示弹窗 ((2…

【AI绘画】Stable Diffusion webUI 与 ComfyUI 全解析:安装、模型、插件及功能对比

一、Stable Diffusion 与 UI 工具概述 Stable Diffusion 是当前最主流的开源 AI 绘画模型,通过文本描述生成高质量图像。为降低使用门槛,开发者推出了多种图形界面(UI)工具,其中AUTOMATIC1111 webUI(简称 …

ABP VNext + GraphQL Federation:跨微服务联合 Schema 分层

ABP VNext GraphQL Federation:跨微服务联合 Schema 分层 🚀 在微服务架构下,服务之间往往需要相互通信,而 GraphQL Federation 提供了一个有效的解决方案,帮助我们将多个微服务的 GraphQL API 聚合成一个统一的入口…