現在項目中遇到一個需求，就是一個富文本編輯區中，有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！亲测！可用！！！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。