通过freemarker模板，使用jsoup将html转换为word,包含图片

最新推荐文章于 2025-01-03 17:39:48 发布
原创 最新推荐文章于 2025-01-03 17:39:48 发布 · 3.2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html转word #jsoup将HTML转word

本文介绍了如何通过Freemarker模板和Jsoup库将HTML内容转换为Word文档。首先，创建XML模板并在Word中填充内容以确定所需格式。接着，利用Jsoup解析HTML，将内容保存到Map中。最后，使用Freemarker模板替换动态数据，并将XML文件转换为docx格式的Word文档。此外，涉及图片处理、表格和文字段落的处理方法，以及需要的工具和包的引用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

实现思路：

一、制作模板

1、在word中无非三种格式，文字、图片、表格，目前我所涉及到的业务中只有这三个，其他情况没涉及到没研究，首先需要准备一个模板文件，即xml格式的模板，通过打开一个空白的word文档，另存为xml文件，即可得到一个空白的word模板（可使用notepad++工具打开）

2、获取到空白文档的模板后，再新建一个word，填充文字，再另存为xml，打开并对比之前空白的模板之间的差异，可以找出添加文字后加了哪些代码。如果需要表格，则在空白文档加入加入表格，然后保存为xml文件打开查看代码，对比差异，可以知道具体的代码代表的意思。

3、图片方面的处理，同样是在空白文档中添加图片，然后查看xml代码，其中图片是以base64形式出现的，在替换图片的过程中，是需要将图片的base64码进行替换，所有的需要动态改变的数据，都使用freemarker标签的形式替换，如果不了解的，自行去了解一下freemarker标签的使用，具体的在xml中的代码的代表意思，可以到百度查找。

二、填充模板

1、后台使用jsoup解析HTML代码后，获取html代码中的值，保存到map中。文字段落，图片，表格，可分开处理。解析的HTML代码是通过百度UEditor生成的代码，如果是需要解析完整的正规的html代码，需要另外写解析标签的代码。

2、解析HTML时，可对应保存HTML中标签存在的属性，对应xml中的属性，通过实体来进行设置，遍历标签时，获取实体属性即可

3、填充模板保存后的文件仍然是xml格式的文件，需要另外处理，将文件另存为docx格式的word文档

 

实现代码：

注意：代码仅可以作为参考，即使完全复制，也不一定适合你，仅仅提供一个思路和参考，是否值得借鉴，需要自己评估，或者有更好的方法，欢迎留言评论一起交流

模板代码：（xml模板的代码，只贴出body中的代码）

<w:body>
		<wx:sect>
			<!-- 判断第一部分是文字段落，并遍历第一部分的段落 -->
			<#if part1 == "paragraph">
			<#list paragraphList1 as paragraph>
			<w:p wsp:rsidR="0050577F" wsp:rsidRPr="00177379" wsp:rsidRDefault="00177379">
				<w:pPr>
					<w:jc w:val="${paragraph.align}"/>
					<w:rPr>
						<w:rFonts w:ascii="宋体" w:h-ansi="宋体" w:hint="fareast"/>
						<wx:font wx:val="宋体"/>
						<w:color w:val="${paragraph.color}"/>
						<#if paragraph_index==0>
						<w:sz w:val="30"/>
						<w:sz-cs w:val="30"/>
						<#else>
						<w:sz w:val="${paragraph.size}"/>
						<w:sz-cs w:val="${paragraph.size}"/>
						</#if>
					</w:rPr>
					<w:spacing w:line="${paragraph.lineHeight}" w:line-rule="auto"/>
				</w:pPr>
				<!-- 遍历段落中的wr，每个wr可定义对应的文字属性，如果内容不为空，则执行文字遍历循环 -->
				<#list paragraph.wrList as wr>
				<#if wr.content??>
				<w:r>
					<w:rPr>
						<w:rFonts w:ascii="${wr.font}" w:fareast="${wr.font}" w:h-ansi="${wr.font}" w:hint="fareast"/>
						<wx:font wx:val="${wr.font}"/>
						<w:color w:val="${wr.color}"/>
						<#if paragraph_index==0>
						<w:sz w:val="30"/>
						<w:sz-cs w:val="30"/>
						<#else>
						<w:sz w:val="${paragraph.size}"/>
						<w:sz-cs w:val="${paragraph.size}"/>
						</#if>
						${wr.bold}
						${wr.tilt}
						${wr.underLine}
					</w:rPr>
					<w:t>${wr.content}</w:t>
				</w:r>
				</#if>
				<!-- 如果是图片，则在wr上添加图片 -->
				<#if wr.hasImg == 1>
				<#list wr.imgList as image>
				<w:r wsp:rsidRPr="006E22D7">
					<w:rPr>
						<w:noProof/>
					</w:rPr>
					<w:pict>
						<v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
							<v:stroke joinstyle="miter"/>
							<v:formulas>
								<v:f eqn="if lineDrawn pixelLineWidth 0"/>
								<v:f eqn="sum @0 1 0"/>
								<v:f eqn="sum 0 0 @1"/>
								<v:f eqn="prod @2 1 2"/>
								<v:f eqn="prod @3 21600 pixelWidth"/>
								<v:f eqn="prod @3 21600 pixelHeight"/>
								<v:f eqn="sum @0 0 1"/>
								<v:f eqn="prod @6 1 2"/>
								<v:f eqn="prod @7 21600 pixelWidth"/>
								<v:f eqn="sum @8 21600 0"/>
								<v:f eqn="prod @7 21600 pixelHeight"/>
								<v:f eqn="sum @10 21600 0"/>
							</v:formulas>
							<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
							<o:lock v:ext="edit" aspectratio="t"/>
						</v:shapetype>
						<w:binData w:name="wordml://${image.imgName}.png" xml:space="preserve">${image.imgBase64}</w:binData>
						<v:shape id="${image.imgId}" o:spid="_x0000_i1025" type="#_x0000_t75" style="width:${image.width}pt;height:${image.height}pt;visibility:visible;mso-wrap-style:square">
							<v:imagedata src="wordml://${image.imgName}.png" o:title="${image.imgName}"/>
						</v:shape>
					</w:pict>
				</w:r>
				</#list>
				</#if>
				</#list>
			</w:p>
			</#list>
			</#if>
			<!-- 如果第一部分是表格，则填充表格 -->
			<#if part1 == "table">
			<w:tbl>
				<w:tblPr>
					<w:tblW w:w="8522" w:type="dxa"/>
					<w:tblBorders>
						<w:top w:val="single" w:sz="4" wx:bdrwidth="10" w:space="0" w:color="auto"/>
						<w:left w:val="single" w:sz="4" wx:bdrwidth="10" w:space="0" w:color="auto"/>
						<w:bottom w:val="single" w:sz="4" wx:bdrwidth="10" w:space="0" w:color="auto"/>
						<w:right w:val="single" w:sz="4" wx:bdrwidth="10" w:space="0" w:color="auto"/>
						<w:insideH w:val="single" w:sz="4" wx:bdrwidth="10" w:space="0" w:color="auto"/>
						<w:insideV w:val="single" w:sz="4" wx:bdrwidth="10" w:space="0" w:color="auto"/>
					</w:tblBorders>
					<!-- 设置表格的对齐方式 -->
					<w:tblLook w:val="${table.tblLook}"/>
				</w:tblPr>
				<w:tblGrid>
					<!-- 表格列，定义的表格有多少列，则遍历显示多少个网格 -->
					<#list table.gridColList as gridCol>
					${gridCol}
					</#list>
				</w:tblGrid>
				<!-- 遍历表格中的行，tr -->
				<#list table.trList as tr>
				<w:tr wsp:rsidR="00616293" wsp:rsidRPr="00616293" wsp:rsidTr="00616293">
					<w:trPr>
						<!-- 设置行高属性 -->
						<w:trHeight w:val="${tr.height}"/>
					</w:trPr>
					<!-- 遍历行中的列 -->
					<#list tr.tdList as td>
					<w:tc>
						<w:tcPr>
							<!-- 列宽属性 -->
							<w:tcW w:w="${td.width}" w:type="dxa"/>
							<w:shd w:val="clear" w:color="auto" w:fill="auto"/>
							<w:tcBorders>
								${td.top}
								${td.right}
								${td.bottom}
								${td.left}
							</w:tcBorders>
							${td.gridSpan}
							${td.merge}
						</w:tcPr>
						<!-- 遍历单元格中的段落文字 -->
						<#list td.paragraphList as paragraph>
						<w:p wsp:rsidR="0050577F" wsp:rsidRPr="00177379" wsp:rsidRDefault="00177379">
							<w:pPr>
								<!-- 设置单元格中段落的属性 -->
								<w:jc w:val="${paragraph.align}"/>
								<w:rPr>
									<w:rFonts w:ascii="宋体" w:h-ansi="宋体" w:hint="fareast"/>
									<wx:font wx:val="宋体"/>
									<w:color w:val="${paragraph.color}"/>
									<#if tr_index==0>
									<w:sz w:val="30"/>
									<w:sz-cs w:val="30"/>
									<#else>
									<w:sz w:val="${paragraph.size}"/>
									<w:sz-cs w:val="${paragraph.size}"/>
									</#if>
								</w:rPr>
								<w:spacing w:line="${paragraph.lineHeight}" w:line-rule="auto"/>
							</w:pPr>
							<!-- 遍历段落中的wr -->
							<#list paragraph.wrList as wr>
							<!-- 如果内容不为空，则执行文字遍历循环 -->
							<#if wr.content??>
							<w:r>
								<w:rPr>
									<w:rFonts w:ascii="${wr.font}" w:fareast="${wr.font}" w:h-ansi="${wr.font}" w:hint="fareast"/>
									<wx:font wx:val="${wr.font}"/>
									<w:color w:val="${wr.color}"/>
									<#if tr_index==0>
									<w:sz w:val="30"/>
									<w:sz-cs w:val="30"/>
									<#else>
									<w:sz w:val="${paragraph.size}"/>
									<w:sz-cs w:val="${paragraph.size}"/>
									</#if>
									${wr.bold}
									${wr.tilt}
									${wr.underLine}
								</w:rPr>
								<w:t>${wr.content}</w:t>
							</w:r>
							</#if>
							<!-- 如果是图片，则在wr上添加图片 -->
							<#if wr.hasImg == 1>
							<!-- 遍历图片 -->
							<#list wr.imgList as image>
							<w:r wsp:rsidRPr="006E22D7">
								<w:rPr>
									<w:noProof/>
								</w:rPr>
								<w:pict>
									<v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
										<v:stroke joinstyle="miter"/>
										<v:formulas>
											<v:f eqn="if lineDrawn pixelLineWidth 0"/>
											<v:f eqn="sum @0 1 0"/>
											<v:f eqn="sum 0 0 @1"/>
											<v:f eqn="prod @2 1 2"/>
											<v:f eqn="prod @3 21600 pixelWidth"/>
											<v:f eqn="prod @3 21600 pixelHeight"/>
											<v:f eqn="sum @0 0 1"/>
											<v:f eqn="prod @6 1 2"/>
											<v:f eqn="prod @7 21600 pixelWidth"/>
											<v:f eqn="sum @8 21600 0"/>
											<v:f eqn="prod @7 21600 pixelHei
最低0.47元/天 解锁文章

200万优质内容无限畅学
使用Freemarker模板引擎来生成Word文档
weixin_42551921的博客
07-15 55
创建一个Word文档，并将其另存为HTML格式。然后，基于这个HTML文件创建Freemarker模板（接下来，编写Spring Boot控制器来处理导出请求，并使用Freemarker填充模板数据。
java中使用freemaker将HTML导出到word文档，包括在线与本地的图片
人如墨的博客
07-05 1914
原文地址：https://liujiao111.github.io/2019/07/04/html2word/ 背景介绍 由于在项目中需要将富文本生成的HTML文档内容导出为word,并且里面的图片可能来自于用户上传，也可能是来源于网络图片，因此需要在生成的word中做特别的处理。导出的工具使用freemaker,首先说明的是这个也有一定的局限性，在样式匹配度上可能有一定的差异，不过功能是没问题的...
Java html转word 使用FreeMarker
06-01
java 将html转为word，使用Freemarker 比较好装好。方便好用。也可以转换成pdf格式。
freemarker生成html导出word
08-14
使用Itextpdf组件通过freemarker模板技术生成好html内容并导出word文件，提供下载。
使用freemarker导出html格式的word（续）
生如夏花之灿烂
12-28 6147
本文接上文（https://blog.youkuaiyun.com/u011099093/article/details/81010298）继续探讨导出word中携带图片问题。 在参考了博文http://www.cnblogs.com/liaofeifight/p/5484891.html后，改用.mht格式的模板进行编辑，首先介绍下整体思路： 1.准备好一个word（.doc格式），在里面编辑好自己想要...
使用FreeMarker导出word文档(支持导出图片)
m0_59239420的博客
08-03 2726
使用FreeMarker导出word文档(支持导出图片)
freemarker使用mht模板导出富文本html数据
最新发布
SoulAnimals的博客
01-03 1066
富文本使用freemarker mht模板导出，base64图片导出
Java实现HTML到Word转换的Freemarker方法
但当涉及到将HTML内容转换为Word格式时，使用FreeMarker来辅助格式化和处理数据，再借助Apache POI进行文件生成则更为高效。FreeMarker能够解析HTML模板，并填充其中的数据变量，生成符合要求的HTML文本，随后再用...
java使用Jsoup组件生成word文档
10-26
java使用Jsoup组件生成word文档的方法
html解析工具jsoup结合模版引擎FreeMarkers的简单实例
瓶子里的小地盘
01-04 2553
目的：通过接收页面传来的页面元素数据，结合FreeMarkers模版，组成一个页面html 后台代码： @RequestMapping({ "prevParse" }) @ResponseBody public String prevParse(@RequestParam(value = "content", required = false) String content) t
wordmaker html转为word,利用FreeMaker实现网页到Word文档的生成
weixin_36025345的博客
05-31 554
需求背景：将用户提交的活动报名信息生成Word供用户下载。目前个人对于freemaker的理解是，freemaker是一个模板引擎工具，可以利用它来实现网页的文本输出。实现功能需要freemaker的jar包。百度都有。本人用的是freemarker-2.3.13.jar，下载完后直接拖进项目的lib下。1.编写一个freemaker模板，用于网页内容的填充模板。生成模板文件十分的简单。具体做法是...
java如何用Freemarker导出word
jdk_wangtaida的博客
09-27 925
前言： 在项目中应该会经常遇到导出word需求，Java中有5种方式导出word: 所用技术 优点 缺点 Jacob 功能强大 代码量大，设置样式繁琐；需要windows平台支持，无法跨平台 Apache POI 读写excel功能强大、操作简单 一般只用它读取word，能够创建简单的word，不能设置样式，功能太少 Java2word 功...
freemarker生成word
梧桐树的博客
09-18 1598
之前写过freemarker生成pdf的文章,这次应需求的不同,来使用freemarker生成word文档,与生成pdf不同的是生成PDF:生成pdf使用itextpdf配合freemarker生成的,原理是相当于把我们写好的html模板,原封不动的印到了上面生成WORD:生成word更像是直接将文件的后缀换成了doc或docx,这就有一个问题,并不是所有的htem标签和css样式word都能兼容的,所以有些时候会发现html预览的样式和导出的文件并不是一样的比如我下面的例子。
Java FreeMarker导出word
立刻有，不强求
01-22 3778
FreeMarker 是一款 模板引擎： 即一种基于模板和要改变的数据， 并用来生成输出文本(HTML网页，电子邮件，配置文件，源代码等)的通用工具。 它不是面向最终用户的，而是一个Java类库，是一款程序员可以嵌入他们所开发产品的组件。
使用FreeMarker导出word文档(支持循环导出实时多张图片)
m0_59239420的博客
10-18 1323
使用FreeMarker导出word文档(支持循环导出实时多张图片)
基于freemarker(mht)方式导出带图片的富文本word
Code The Future
06-28 9268
最近做了一个功能就是将包含富文本的页面导出为word,具体页面如下
jsoup填充内容然后html转word
格雷弗斯的博客
05-23 1857
&lt;dependency&gt; &lt;groupId&gt;org.jsoup&lt;/groupId&gt; &lt;artifactId&gt;jsoup&lt;/artifactId&gt; &lt;version&gt;1.10.3&lt;/version&gt; &lt;/dependency&gt;/* * content 数据
html 写入 doc 页边距,使用freemarker导出html格式的word（调整页边距，页面视图，正常表格样式）...
weixin_35803480的博客
06-04 729
RT，耗费了博主半个月的时间才挤出来的成果，在此记录下开发过程。博主的另一篇文章改用mht模板导出了包含图片的word：https://blog.youkuaiyun.com/u011099093/article/details/85318212一、创建freemark模板首先在web項目中指定目錄下創建一個HTML格式的freemarker模板：导出html格式Word演示Word导出演示${basicSh...
使用jsou和Jacob将html代码转化成word文档，保留全部格式不乱码全代码
dqb4531的博客
09-24 1167
废话不说，直接代码 Jacob有官网，下载完了把dll放在system32下，jsoup就简单的一个jar包 package com.sinosoft.util; import java.io.File; import java.io.FileOutputStream; import java.io.OutputStreamWriter; import org.jsoup.Jsoup; import org.jsoup.nodes.Element; import org.jsoup.select.E
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值