當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

使用freemarker模板生成带图片的word--html格式

發布時間：2024/1/18 编程问答 38 豆豆

生活随笔收集整理的這篇文章主要介紹了使用freemarker模板生成带图片的word--html格式小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

文章目錄

前言
一、制作freemarker模板
二、修改模板
三、后臺代碼
四、結果
總結

前言

用戶需要預覽word的功能，word里面帶了很多圖片，本文選擇生成html格式的word來提供該功能。

一、制作freemarker模板

首先，新建一個docx，然后往word里粘貼一個圖片，再將word另存為html文件。
新建一個freemarker文件，如 word.ftl，將xml內容拷貝到word.ftl中。

二、修改模板

找到html的body標簽
修改為以下格式

<body style="tab-interval:21pt;text-justify-trim:punctuation;"> <div class="Section0" style="layout-grid:15.6000pt;"><#list pictList as pict><p><h1>${pict.title}</h1></p><p class=MsoNormal><img width="831" height="433" src="${pict.path}"><spanstyle="mso-spacerun:'yes';font-family:Calibri;mso-fareast-font-family:宋體; mso-bidi-font-family:'Times New Roman';font-size:10.5000pt;mso-font-kerning:1.0000pt;"><o:p> </o:p></span></p></#list></div></body>

從后臺數據獲取對應的標題、圖片路徑等內容，放入對應位置。

三、后臺代碼

參見上一篇博客，
唯一不同的就是xml格式的需要圖片的二進制，html格式的需要圖片的路徑，這里引用兩張百度遠程的圖片

private static Map getData() {Map data = new HashMap();List<Map> pictList = new ArrayList<>();Map pict1 = new HashMap();pict1.put("title", "圖片1");pict1.put("path", "https://img1.baidu.com/it/u=2496571732,442429806&fm=26&fmt=auto&gp=0.jpg");Map pict2 = new HashMap();pict2.put("title", "圖片2");pict2.put("path", "https://img0.baidu.com/it/u=1986451467,394304688&fm=26&fmt=auto&gp=0.jpg");pictList.add(pict1);pictList.add(pict2);data.put("pictList", pictList);return data;}

四、結果

總結

。
本文介紹了以html的方式往word里插入圖片。

總結

以上是生活随笔為你收集整理的使用freemarker模板生成带图片的word--html格式的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇：汉塞尔曼的奇妙时事通讯：2013年10月
下一篇：大数据的乘法应用——阶乘（初学者的情怀）