當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

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

發(fā)布時(shí)間：2024/1/18 编程问答 33 豆豆

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

文章目錄

前言
一、制作freemarker模板
二、修改模板
三、后臺(tái)代碼
四、結(jié)果
總結(jié)

前言

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

一、制作freemarker模板

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

二、修改模板

找到html的body標(biāo)簽
修改為以下格式

<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>

從后臺(tái)數(shù)據(jù)獲取對(duì)應(yīng)的標(biāo)題、圖片路徑等內(nèi)容，放入對(duì)應(yīng)位置。

三、后臺(tái)代碼

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

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;}

四、結(jié)果

總結(jié)

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

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