jquery将html转换word,HTML代码转word!亲测!可用!!!

现在项目中遇到一个需求,就是一个富文本编辑区中,有echars表格。用户点击保存按钮,需要导出为word文档。

7687e22e6e4cc2c1a03f59983ef4868b.png

因为现在接手的项目,是基于上一个项目的框架。两个项目功能点差不多。但是在导出word这块,是后台java做的。也就是用的POI。前端传递参数至后台,后台将word模板中的${XXX}给替换掉。

但是这有一个问题,就是新项目中,word排版改了,跟之前的不一样。你以为改改word模板的${xxx}的不就行了?可惜,后台java还牵扯到java在解析时的一些代码,总之一句话,改动成本很高!

怎么办!怎么办!怎么办!

由于本人java和WEB都会写。本能的想到html转word。这多简单,html啥样,转成word不就好了?

说干就干!

于是用了N多方法,看了网上的一些误导别人的帖子,用什么FileSaver.js和jquery.wordexport.js!

我相信当有人看到我这篇帖子的时候,对上面这两个JS肯定有所了解了。

但是!!!导出word,如果HTML中是纯文字还行,一旦牵扯到图片,甭管你怎么转,如果只用上面两个JS ,你指定弄不出来,即便弄出来了,图片也是个路径,把word文件发送给另一台电脑上,根本显示不出图片!!

怎么办!!!!

花费了差不多3天吧,终于解决了

需要引入4个文件

1.jquery.js

2.FileSaver.js

3.jquery-wordexport.js

4.html-docx.js

这4个文件必须引入,而且顺序不能错!!!

下面是代码

Title

word测试

MonthSavings

January$100

base64code

click

傻瓜式代码,自己把base64code替换成有效地base64代码即可。太长了就不输入了

亲测可用!兼容性还不错,IE9以上至少没问题

疲惫啊!!下面提供上面三个JS的下载地址。莫要当伸手党。小小的支援下,感激不尽。

https://download.csdn.net/download/qq_34113541/11945949

前人种树后人乘凉

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

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

相关文章

智能搜索推荐一体化营收增长解决方案

简介: 图数据库GDB提供智能搜索推荐一站式服务,基于达摩院的智能搜索推荐算法和知识图谱技术,助力企业快速过渡冷启动过程,面向业务场景定制化方案,以提升核心业务指标,实现业务营收增长。 方案架构 方案特…

Redis 使用 List 实现消息队列的利与弊

作者 | 码哥字节 来源 | 码哥字节 分布式系统中必备的一个中间件就是消息队列,通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。 目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等,有人会问:“Redis 适合做消息队…

abrels.inc.php_setlist.js

//移动层的类function aListSetMove(){this.Move function(DivID,Evt){if(DivID "") return;var DivObj document.getElementById(DivID);evt Evt?Evt:window.event;if(!DivObj) return;var DivW DivObj.offsetWidth;var DivH DivObj.offsetHeight;var DivL …

阿里云表格存储全面升级,打造一站式物联网存储新方案

简介: 阿里云表格存储全面升级,打造一站式物联网存储新方案 2021年9月1日,阿里云表格存储Tablestore重磅发布新能力:一站式物联网存储IoTstore。该新能力是阿里云表格存储Tablestore面向物联网深度垂直场景进行的一次技术升级&am…

手把手一起 图形化安装 k8s 集群

作者 | 小碗汤来源 | 我的小碗汤今天接着上一节,使用 KuboardSpray 图形化安装kubernetes集群[1],记录了安装时可能遇到的问题。对此项目感兴趣的同学,不妨亲手实践一下~以下记录了安装单节点(单master的集群)&#xf…

Jaeger插件开发及背后的思考

简介: 本文主要介绍Jaeger最新的插件化后端的接口以及开发方法,让大家能够一步步的根据文章完成一个Jaeger插件的开发。此外SLS也推出了对于Jaeger的支持,欢迎大家试用。 随着云原生 微服务的推广和落地,服务监控也变得越来越重…

edittext 监听无效_关于EditText的OnClickListener失效的解决办法

最近开发,遇到一个问题,就是如果EditText只作为显示,不需要编辑文本,但需要点击该布局可以执行其他事件,就会冲突,EditText依然处于文本编辑状态;如:如:有5个EditText&am…

基于 MySQL + Tablestore 分层存储架构的大规模订单系统实践-架构篇

简介: 本文简要介绍了基于 MySQL 结合 Tablestore 的大规模订单系统方案。这种方案支持大数据存储、高性能数据检索、SQL搜索、实时与全量数据分析,且部署简单、运维成本低。 作者 | 弘楠 来源 | 阿里技术公众号 一 背景 订单系统存在于各行各业&#…

ajax返回来总是html,ajax返回类型

基于arcgis的webgis开发中目前是否还直接用ajax技本人是arcgis刚接触者,以前有听说过ajax这个技术,用于浏览器和web服务ajax技术现在依然是客户端浏览器和服务器交互的重要手段。 如果你用arcgis api for js技术,同样会使用ajax技术。这是良好…

三分钟教你用 Scarlet 写一个 WebSocket App

作者 | Eason来源 | 程序员巴士在移动应用程序中,数据层是屏幕上显示内容的真实来源。然而,在今年早些时候在 Tinder 中集成了 WebSocket API 时,维护它成为了一个令人头疼的问题。为了在 Android 上更轻松地集成 WebSocket,Scarl…

重磅发布|新一代云原生数据仓库AnalyticDB「SQL智能诊断」功能详解

简介: AnalyticDB For MySQL为用户提供了高效、实时、功能丰富并且智能化的「SQL智能诊断」和「SQL智能调优」功能,提供用户SQL性能调优的思路、方向和具体的方法,降低用户使用成本,提高用户使用ADB的效率 SQL是一种简单易用的业…

技术干货|基于Apache Hudi 的CDC数据入湖「内附干货PPT下载渠道」

简介: 阿里云技术专家李少锋(风泽)在Apache Hudi 与 Apache Pulsar 联合 Meetup 杭州站上的演讲整理稿件,本议题将介绍典型 CDC 入湖场景,以及如何使用 Pulsar/Hudi 来构建数据湖,同时将会分享 Hudi 内核设计、新愿景以及社区最新…

学计算机的如何学英语,怎么在电脑上学习英语

2怎样学好英语的最基础方法首先,我们要明白学习英语绝不是看一部动画片,不是一蹴而就的事。要想不下一番苦功夫、不费一点力气就能学好英语,那是绝对办不到的。因此,我们学习英语时,一定要有信心,要有耐心&…

hook 循环点击事件用哪个_JS 事件循环 event loop,看完你可以答对 90% 的事件循环题...

本文不保证能说明透彻,因为它本来就存在着混乱,但力求讲到点子上。比较下面这几个的执行顺序setTimeoutsetIntervalsetImmediate (nodejs 支持,new Promise(cb) 和 promise.then(cb)(promise 是 Promiose 的实例)process.nextTick(nodejs)还有…

探究 Java 应用的启动速度优化

简介: 在高性能的背后,Java 的启动性能差也令人印象深刻,大家印象中的 Java 笨重缓慢的印象也大多来源于此。高性能和快启动速度似乎有一些相悖,本文将和大家一起探究两者是否可以兼得。 作者 | 梁希 高性能和快启动速度&#x…

阿里云刘伟光:金融核心系统将步入分布式智能化的时代

1月18日,阿里云在京发布金融核心系统转型“红宝书”,并推出“金融级云原生工场”,通过新的建设理念和相应的全链路平台技术,以及先进的部署体系,支撑金融机构建设面向未来的新一代分布式智能化核心系统。 阿里云智能新…

计算机动漫设计VR主要学什么,VR动漫制作怎么学?

现在虚拟现实技术的确是火了一把,很多人渐渐都知道了虚拟现实技术的存在,但是虚拟现实技术实际上不是大家了解的那么简单,虚拟现实技术包括的方面其实很多,尤其是在一些视频资源上面,虚拟现实技术可以划分在不同的领域…

5分钟搞定Loki告警多渠道接入

简介: Loki是受Prometheus启发的水平可扩展、高可用、多租户日志聚合系统。用户既可以将Loki告警直接接入SLS开放告警,也可以先将Loki接入Grafana或Alert Manager,再借助Grafana或Alert Manager实现Loki间接接入SLS开放告警。 直接接入 您可…

eclipse手动pom本地包_(转)如何在maven的pom.xml中添加本地jar包

1 maven本地仓库认识maven本地仓库中的jar目录一般分为三层:图中的1 2 3分别如下所示:1 groupId2 artifactId3 version4 jar包的依赖如果要将maven本地仓库中的jar包添加到项目中,直接打开4 xx.pom文件,将改jar包的相关依赖复制po…

Fortinet SD-Branch保障医疗服务机构安全组网

近年来,网络攻击者窃取有价值个人信息的违法行为屡见不鲜,医疗服务机构已成为网络攻击的重要目标。由于医疗服务机构的运营架构多呈分散模式,在应对网络安全及运营方面,尤其面临着更为复杂的安全挑战。网络专业人员匮乏、带宽受限…