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

因为现在接手的项目,是基于上一个项目的框架。两个项目功能点差不多。但是在导出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

click

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

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

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

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

前人种树后人乘凉

jquery将html转换word,HTML代码转word!亲测!可用!!!相关推荐

  1. windows/linux服务器上java使用openoffice将word文档转换为PDF(亲测可用)

    一. 前言 1. 开发过程中经常会使用java将office系列文档转换为PDF, 一般都使用微软提供的openoffice+jodconverter 实现转换文档. 2. openoffice既有w ...

  2. word闪退 用endnote_endnote更新导致word崩溃解决方法,亲测可用

    作者在使用endnote word插件中的"update citation and bibiography"时,word卡死,崩溃,闪退,然后自动重启,循环若干次后尝试过网上几个方 ...

  3. 目前最好的,以rtmp发送264到red5服务器的代码,darkdragonking亲测可用--《到H264视频通过RTMP直播》

    前面的文章中提到了通过RTSP(Real Time Streaming Protocol)的方式来实现视频的直播,但RTSP方式的一个弊端是如果需要支持客户端通过网页来访问,就需要在在页面中嵌入一个A ...

  4. 穿越火线(CF) AI 自瞄 代码 权重 数据集 亲测可用(结尾有资源)

    初衷 本人热衷玩CF,同时为一名程序员,近期听说AI霸占FPS游戏,本着学习的态度,特来测试 不喜欢看过程的小伙伴直接看最下面 模型 采用yolov5模型架构 对过程感兴趣的小伙伴下文自行学习 htt ...

  5. PDF转word并去除水印以及处理的页数限制【pdf转word可编辑 百分百还原文件 亲测可用】

    提示:操作aspose-pdf-22.10-jdk16.jar 对其重编译修改校验权限 使用javassist 重编译(学习测试使用,aspose所有的包都可以用该教程.亲自测试过的) 文章目录 前言 ...

  6. POI给WORD添加水印(亲测可用)

    POI给WORD添加水印(亲测可用) 最近要做电子合同,客户提出为了安全性要将合同中都添加水印,这个之前在网上看到过,貌似使用POI很好加.去网上一搜发现,清一色的只有一篇文章,并且这段代码是用不了的 ...

  7. dom4j将word转pdf详细介绍(亲测可用)

    背景:本文介绍的是已经存在一个word文件,将其转换成pdf文件,利用dom4j将word转换成pdf.跟着我的步骤一步一步,最后一定会成功!! 1.创建项目 2.pom,导包 <depende ...

  8. php语法高亮编辑器,最新PHPCMS V9编辑器代码高亮显示亲测可用(提前格式化)

    最近PHPCMS V9更新挺频繁的,是好事,让我们更完美的用它的功能,是坏事,以前的教程都不能用了.譬如这篇在PHPCMS V9文章中实现代码高亮显示的功能,之前的教程已经不能用了,今天站长莪叆啰有空 ...

  9. 织梦charset.func.php,织梦程序百度php主动推送代码,亲测可用!

    随着百度生态环境及算法改变,内容质量对于搜索引擎来说越来越重要了,那么信息的实时传达到蜘蛛抓取是每位站长必须做到的事情了,链接提交工具是网站主动向百度搜索推送数据的工具,工具可缩短爬虫发现网站链接时间 ...

最新文章

  1. 如何提高服务器响应的数据速度_如何提高攻牙速度
  2. SQL Server基础操作(此随笔仅作为本人学习进度记录七 !--存储过程)
  3. long转string类型_从php内核角度分析php弱类型
  4. 关于MFC单选框的使用临时记录,稍后编辑
  5. 传输层端口号的范围是多少?被分为哪两部分_6.传输层协议
  6. 计算机二级C常考题型归纳
  7. 音频转码-Mp3转AMR--转载请注明出处
  8. IDS与IPS的区别是什么?
  9. C语言每日一练——第35天:打印菱形
  10. paddle 41 在paddledetection添加RotateScaleCopyPaste数据增强方法
  11. android studio高考倒计时,2019高考倒计时锁屏app-高考倒计时锁屏软件预约v1.0.5-乐游网安卓...
  12. java动效_Animations开源动效分析(一)POP按钮动画
  13. 去掉底部 Powered by PageAdmin CMS 方法
  14. js 二维码操作加上图标
  15. jquery的toFixed方法的正确使用
  16. 何为Top-1,Top-5
  17. 电脑文件夹可以分屏的软件_Windows有哪些自带的工具/软件,不为人知却很实用?...
  18. 理解SIGNED endpoint
  19. 组态王上位机西门子1200PID温度PID恒压
  20. 线程的故事——附2:线程建立函数参数void *arg深入分析

热门文章

  1. 最新!兰州大学发布对上海市的新冠肺炎疫情预测!
  2. 下个软件包可能泄露信用卡信息,Python包存储库PyPI又爆恶意代码,下载达3万次,你中招了吗?...
  3. 假如有人把支付宝存储服务器炸了(物理炸),大众在支付宝里的钱是不是就都没有了呢?...
  4. “最严”整改后的海淀黄庄 :学费收取仍有猫腻
  5. 智能机器人正催生新的工业革命
  6. 教育部:到2021年建设1万个左右国家级一流本科专业点
  7. 想转行人工智能?哈佛博士后有话说...
  8. 二叉树学习之非递归遍历
  9. VS2010项目配置详解
  10. Hive 分区表操作 创建、删除