当前位置： 首页 > news >正文

Vue3项目中将html元素转换为word

news 2026/4/14 2:13:37

下载插件

html转word插件

pnpm i --save html-docx-js-typescript

生成临时链接

pnpm i file-saver

代码部分

html部分，为要下载的部分用id做唯一标识

<div :id="`mode-${chart.id}`"><pre><VueShowdown :markdown="chart.content"/></pre>
</div>

js部分

// 遍历选中的元素
dom_options.value.forEach(async (item) => {// 获取domconst dom = document.querySelector(`#mode-${item}`)// 这里注意要将获取的dom转换为字符串const convertedFile = htmlDocx.asBlob(dom?.outerHTML!);// 生成链接并且下载const fileData = await convertedFilesaveAs((fileData as Blob), 'file.docx')})

相关文章：

Vue3项目中将html元素转换为word

下载插件 html转word插件 pnpm i --save html-docx-js-typescript生成临时链接 pnpm i file-saver代码部分 html部分&#xff0c;为要下载的部分用id做唯一标识 <div :id"mode-${chart.id}"><pre><VueShowdown :markdown"chart.content&quo…...

编程日记 2023/8/10 14:17:06

Unity-Shader-高亮Highlight

常用Shader-高亮&#xff0c;可动态调整高亮颜色、高亮强度范围/等级、高亮闪烁速度、高亮状态 Shader "CustomShader/Highlight" {Properties{_Color("Color", Color) (0.9044118,0.6640914,0.03325041,0)_Albedo("Albedo", 2D) "white…...

编程日记 2023/8/10 14:16:05

Linux操作系统（二）：操作系统结构与内核设计

在&#xff08;一&#xff09;详解CPU中介绍了操作系统所基于的硬件CPU后&#xff0c;本部分学习操作系统的架构。在计算机系统中&#xff0c;操作系统的架构通常包括以下几个主要组件&#xff1a; 内核&#xff08;Kernel&#xff09; 进程管理&#xff08;Process Management…...

编程日记 2023/8/10 14:15:04

小研究 - 领域驱动设计DDD在IT企业内部网站开发中的运用（二）

在企业内部网站的建设过程中&#xff0c;网站后端最初采用传统的表模式的开发方式。这种方式极易导致站点的核心业务逻辑和业务规则分布在架构的各个层和对象中&#xff0c;这使得系统业务逻辑的复用性不高。为了解决这个问题&#xff0c;作者在后期的开发过程中引入了领域驱动…...

编程日记 2023/8/10 14:14:03

在Qt中实现鼠标监听与交互

文章目录 概述1. 包含头文件2. 实现鼠标事件函数3. 使用示例4. 应用场景 概述 鼠标监听是在Qt应用程序中实现用户交互的关键部分之一。通过捕获鼠标事件&#xff0c;您可以响应用户的点击、移动和释放动作&#xff0c;实现各种交互效果。本篇博文将详细介绍在Qt中如何进行鼠标…...

编程日记 2023/8/10 14:13:00

力扣hot100刷题记录

二刷hot100&#xff0c;坚持每天打卡&#xff01;&#xff01;&#xff01; 1. 两数之和 // 先求差&#xff0c;再查哈希表 public int[] twoSum(int[] nums, int target) {Map<Integer,Integer> map new HashMap<>();for(int i 0;i<nums.length;i){int key …...

编程日记 2023/8/10 14:11:59

阿里云国际站视频直播服务是什么呢？

阿里云国际站视频直播是什么呢&#xff1f;下面一起来看一下&#xff1a; 视频直播服务&#xff08;ApsaraVideo Live&#xff09;是基于前瞻的内容接入、分发网络和大规模分布式实时转码技术打造的音视频直播平台&#xff0c;提供便捷接入、高清流畅、超低延时、高并发的音视频…...

编程日记 2023/8/10 14:10:58

python实现简单的爬虫功能

前言 Python是一种广泛应用于爬虫的高级编程语言&#xff0c;它提供了许多强大的库和框架&#xff0c;可以轻松地创建自己的爬虫程序。在本文中&#xff0c;我们将介绍如何使用Python实现简单的爬虫功能&#xff0c;并提供相关的代码实例。 如何实现简单的爬虫 1. 导入必要的…...

编程日记 2023/8/10 14:09:57

AI文档识别技术之表格识别 (一)

AI文档识别技术之表格识别(一) 文章目录 文章目录 AI文档识别技术之表格识别(一)1. 表格识别原理介绍1.1 表格类型分类1.2 识别原理 2. 整体识别流程2.1 流程图2.2 图像处理部分大致流程 3. 将表格转换为html与json格式输出3.1 html格式3.2 json格式3.3 表格识别实例 前言 此文…...

编程日记 2023/8/10 14:08:56

uni-app 支持 app端， h5端，微信小程序端 图片转换文件格式 和 base64

uni-app 支持 app端 h5端&#xff0c;微信小程序端 图片转换文件格式 和 base64&#xff0c;下方是插件市场的地址app端 h5端&#xff0c;微信小程序端 图片转换文件格式 和 base64 - DCloud 插件市场 https://ext.dcloud.net.cn/plugin?id13926...

编程日记 2023/8/10 14:07:55

云计算——存储虚拟化简介 与 存储模式及方法

作者简介&#xff1a;一名云计算网络运维人员、每天分享网络与运维的技术与干货。 座右铭&#xff1a;低头赶路&#xff0c;敬事如仪 个人主页&#xff1a;网络豆的主页​​​​​ 目录 前期回顾 前言 一.存储虚拟化介绍 1.云计算存储基本概念 2.云计算存储模型 3.创…...

编程日记 2023/8/10 14:06:53

数据资产目录建设之数据分类全解

01 数据治理“洗澡论” 其实他们之前做过数据一轮数据资产盘点&#xff0c;做了一个分类&#xff0c;也挂到系统上了&#xff0c;但是后来就没有后来了。治理做一半&#xff0c;等于啥也没干。 我之前在群里开了一个玩笑&#xff0c;数据治理这种事情&#xff0c;就跟洗澡一…...

编程日记 2023/8/10 14:05:52

大模型的数据隐私问题有解了，浙江大学提出联邦大语言模型

作者 | 小戏、Python 理想化的 Learning 的理论方法作用于现实世界总会面临着诸多挑战&#xff0c;从模型部署到模型压缩&#xff0c;从数据的可获取性到数据的隐私问题。而面对着公共领域数据的稀缺性以及私有领域的数据隐私问题&#xff0c;联邦学习&#xff08;Federated Le…...

编程日记 2023/8/10 14:04:50

flask-sqlalchemy使用

# sqlalchemy 集成到flask中 # 第三方: flask-sqlalchemy 封装了用起来&#xff0c;更简洁 安装 pip install flask-sqlalchemy 使用 # 使用flask-sqlalchemy集成1 导入 from flask_sqlalchemy import SQLAlchemy2 实例化得到对象db SQLAlchemy()3 将db注册到app中db.in…...

编程日记 2023/8/10 14:03:49

flask处理token的装饰器

以下是在 Flask 中基于 token 实现的登录验证装饰器的示例代码&#xff1a; import jwt from functools import wraps from flask import request, jsonify, current_appdef login_required(f):wraps(f)def decorated_function(*args, **kwargs):token request.headers.get(A…...

编程日记 2023/8/10 14:02:46

【Express.js】页面渲染

页面渲染 常见的页面分为两种&#xff0c;一种是静态页面&#xff0c;比如用 Vue、React 等写好的静态页面&#xff0c;另一种是动态模板页面&#xff0c;如 Thymeleaf&#xff0c;JSP 等。 本节将简要介绍如何在 express 中渲染静态页面&#xff0c;以及适用于 express 的模…...

编程日记 2023/8/10 14:01:45

2.UE数字人语音交互（UE数字人系统教程）

上一篇&#xff1a;1.Fay-UE5数字人工程导入 2.UE数字人语音交互&#xff08;UE数字人系统教程&#xff09; 1、启动ue数字人 2、下载Fay数字人控制器 Fay数字人控制器下载地址 3、依照说明配置运行Fay 4、启动Fay控制器 5、切换到UE界面开始说话 6、完成了&#xf…...

编程日记 2023/8/10 14:00:43

C语言——水仙花数字

//水仙花数字 //每个数位上的数字的 3次幂之和等于它本身 //列如&#xff1a;1531^35^33^3 #include<stdio.h> int main() {int i,x,y,z;for(i100;i<1000;i){xi%10;yi/10%10;zi/100%10;if(i(x*x*xy*y*yz*z*z))printf("%d\n",i);}return 0; } //输出100-1000…...

编程日记 2023/8/10 13:59:42

java中list对象拷贝至新的list对象并保持两个对象独立的方法

在Java中&#xff0c;如果你想拷贝一个List对象到一个新的List对象&#xff0c;并且修改原来的List不影响新的List中的内容&#xff0c;有几种方法可以实现&#xff1a;使用构造函数&#xff1a; 可以使用List的构造函数&#xff0c;传递原始List作为参数来创建一个新的List对象…...

编程日记 2023/8/10 13:58:41

使用AI工具Lama Cleaner一键去除水印、人物、背景等图片里的内容

使用AI工具Lama Cleaner一键去除水印、人物、背景等图片里的内容 前言前提条件相关介绍Lama Cleaner环境要求安装Lama Cleaner启动Lama CleanerCPU方式启动GPU方式启动 使用Lama Cleaner测试结果NO.1 检测框NO.2 水印NO.3 广州塔NO.4 人物背景 参考 前言 由于本人水平有限&…...

编程日记 2023/8/10 13:57:39

STM32智能循迹小车（1）多路TCRT5000传感器与PWM调速融合实践

1. 多路TCRT5000传感器布局策略 在搭建STM32智能循迹小车时&#xff0c;传感器的布局直接影响循迹效果。我建议采用前三角布局法&#xff1a;将三个TCRT5000模块呈等腰三角形排列&#xff0c;中间传感器位于车头正中&#xff0c;左右两侧传感器对称分布&#xff0c;间距建议控制…...

编程新知 2026/4/14 1:49:05

初学者必看！如何解决Java线程不安全问题

对于java初学者来说&#xff0c;应该听过Java线程不安全的问题&#xff1a;线程修改变量时&#xff0c;会将变量拷贝到本地内存&#xff0c;修改完成后&#xff0c;再写回主内存。这个过程中&#xff0c;如果多个线程同时访问并修改同一个数据&#xff0c;就会出现线程安全问题…...

编程新知 2026/4/14 0:32:05

遥感数字图像处理教程【2.1】

2 . 非线性拉伸使用非线性拉伸函数对图像进行拉伸变化&#xff0c;即为非线性拉伸。常用的非线性函数有指数函数、对数函数、平 方 根 、高斯函数等。1&#xff09;指数变换对于图像中亮的部分&#xff0c;指数变换扩大了灰度间隔&#xff0c;突出了细节&#xff1b;对于暗的部…...

编程新知 2026/4/13 23:55:50

吐血总结！Uni-app / 微信小程序 iOS 与 Android 经典兼容性踩坑实录

跨平台开发界流传着一句名言&#xff1a;“Write once, run anywhere”&#xff0c;但在实际的 Uni-app 和微信小程序开发中&#xff0c;我们往往体会到的是 “Write once, debug everywhere”。由于 iOS&#xff08;通常基于 WebKit/WKWebView&#xff09;和 Android&#xff…...

编程新知 2026/4/13 23:15:16

零基础也能玩转数据：PandasAI让你的数据会说话

零基础也能玩转数据&#xff1a;PandasAI让你的数据会说话 【免费下载链接】pandas-ai Chat with your database or your datalake (SQL, CSV, parquet). PandasAI makes data analysis conversational using LLMs and RAG. 项目地址: https://gitcode.com/GitHub_Trending/p…...

编程新知 2026/4/13 21:46:09

33种语言自由翻译：Hunyuan-MT 7B镜像部署与使用全指南

33种语言自由翻译&#xff1a;Hunyuan-MT 7B镜像部署与使用全指南 1. 为什么选择本地化翻译工具 1.1 在线翻译服务的局限性 在全球化协作日益频繁的今天&#xff0c;我们经常面临多语言沟通的挑战。传统在线翻译工具虽然方便&#xff0c;但存在几个关键问题&#xff1a; 隐…...

编程新知 2026/4/13 19:29:37

CoPaw驱动智能RPA：通过自然语言指令自动化办公流程

CoPaw驱动智能RPA&#xff1a;通过自然语言指令自动化办公流程 1. 办公自动化的新范式 想象一下这样的场景&#xff1a;早上打开电脑&#xff0c;你对着系统说"帮我整理上周所有客户邮件的关键信息&#xff0c;更新到CRM系统里"&#xff0c;几分钟后&#xff0c;所…...

编程新知 2026/4/13 17:50:32

IOFILE结构体的介绍与House of orange瓤

认识Pass层级结构 Pass范围从上到下一共分为5个层级&#xff1a; 模块层级&#xff1a;单个.ll或.bc文件 调用图层级&#xff1a;函数调用的关系。 函数层级&#xff1a;单个函数。 基本块层级&#xff1a;单个代码块。例如C语言中{}括起来的最小代码。 指令层级&#xff1a;单…...

编程新知 2026/4/13 16:42:59

数据结构总结分享02——栈的相关例题与应用【简单】

前情提要 栈的应用非常广泛&#xff0c;下面列举出几个最为经典的题目&#xff0c;分别用了上篇文章中自己的类来实现以及 STL 中的 std::stack 来实现~ 使用自己的类的应用 题目&#xff1a;括号匹配说明&#xff1a; 这是一个非常经典的栈新手村入门第一题&#xff0c;题目…...

编程新知 2026/4/13 16:12:06

WarcraftHelper：如何解决魔兽争霸III在现代系统上的兼容性问题

WarcraftHelper&#xff1a;如何解决魔兽争霸III在现代系统上的兼容性问题 【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper WarcraftHelper是一个专为魔…...

编程新知 2026/4/13 16:07:57