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

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

下载插件

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')})
http://www.lryc.cn/news/117063.html

相关文章:

  • Unity-Shader-高亮Highlight
  • Linux操作系统(二):操作系统结构与内核设计
  • 小研究 - 领域驱动设计DDD在IT企业内部网站开发中的运用(二)
  • 在Qt中实现鼠标监听与交互
  • 力扣hot100刷题记录
  • 阿里云国际站视频直播服务是什么呢?
  • python实现简单的爬虫功能
  • AI文档识别技术之表格识别 (一)
  • uni-app 支持 app端, h5端,微信小程序端 图片转换文件格式 和 base64
  • 云计算——存储虚拟化简介 与 存储模式及方法
  • 数据资产目录建设之数据分类全解
  • 大模型的数据隐私问题有解了,浙江大学提出联邦大语言模型
  • flask-sqlalchemy使用
  • flask处理token的装饰器
  • 【Express.js】页面渲染
  • 2.UE数字人语音交互(UE数字人系统教程)
  • C语言——水仙花数字
  • java中list对象拷贝至新的list对象并保持两个对象独立的方法
  • 使用AI工具Lama Cleaner一键去除水印、人物、背景等图片里的内容
  • 瑞数系列及顶像二次验证LOGS
  • Anaconda版本和Python版本对应关系(持续更新...)
  • vscode 搭建STM32开发环境
  • 6款好用的思维导图在线制作网站盘点,拒绝低效、探索创意!
  • js的Promise
  • 2.4g无线芯片G350规格书详细介绍
  • React中使用mobx管理状态数据使用样例
  • 《HeadFirst设计模式(第二版)》第五章代码——单例模式
  • Linux: network: tools: tcpdump,抓取vlan包需要注意的事情;不然会出现LLC协议
  • 大数据离线阶段01:Apache Zookeeper
  • 数字孪生轨道交通,地铁视频孪生三维可视化管控平台