Java实现HTML转PDF
- 效果图
- 一、添加maven依赖
- 二、代码示例
- 三、踩坑:
- 1.simsun.ttc 文件找不到问题
- 2.中文显示问题:
- 3. 问题(当然不知这种问题 还有 >等一些特殊转义符号这里只罗列一种)
效果图
上图是 html 效果图
生成PDF效果图如下:
一、添加maven依赖
<dependency> <groupId>com.itextpdf</groupId> <artifactId>itextpdf</artifactId> <version>5.5.9</version></dependency> <dependency> <groupId>com.itextpdf.tool</groupId> <artifactId>xmlworker</artifactId> <version>5.5.9</version></dependency> <dependency> <groupId>com.itextpdf</groupId> <artifactId>itext-asian</artifactId> <version>5.2.0</version></dependency> <dependency><groupId>org.xhtmlrenderer</groupId><artifactId>flying-saucer-pdf-itext5</artifactId><version>9.0.3</version></dependency>
二、代码示例
java
package com.test;import com.itextpdf.text.pdf.BaseFont;
import org.xhtmlrenderer.pdf.ITextFontResolver;
import org.xhtmlrenderer.pdf.ITextRenderer;import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.OutputStream;/*** 文件格式转换工具类** @author lbj** 2015-10-8 上午10:52:22*/
public class FileTypeConvertUtil {/*** 将HTML转成PD格式的文件。html文件的格式比较严格* @param htmlFile* @param pdfFile* @throws Exception*/// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">public static void html2pdf(String htmlFile, String pdfFile) throws Exception {// step 1String url = new File(htmlFile).toURI().toURL().toString();System.out.println(url);// step 2OutputStream os = new FileOutputStream(pdfFile);ITextRenderer renderer = new ITextRenderer();renderer.setDocument(url);// step 3 解决中文支持ITextFontResolver fontResolver = renderer.getFontResolver();if("linux".equals(getCurrentOperatingSystem())){fontResolver.addFont("/usr/share/fonts/chiness/simsun.ttc", BaseFont.IDENTITY_H, BaseFont.EMBEDDED);}else{fontResolver.addFont("c:/Windows/Fonts/simsun.ttc", BaseFont.IDENTITY_H, BaseFont.NOT_EMBEDDED);}renderer.layout();renderer.createPDF(os);os.close();System.out.println("create pdf done!!");}public static String getCurrentOperatingSystem(){String os = System.getProperty("os.name").toLowerCase();System.out.println("---------当前操作系统是-----------" + os);return os;}public static void main(String[] args) {// String htmlFile = "/home/lbj/sign.jsp";// String pdfFile = "/home/lbj/sign.pdf";String htmlFile = "d:/table.html";String pdfFile = "d:/testoone2.pdf";try {FileTypeConvertUtil.html2pdf(htmlFile, pdfFile);} catch (FileNotFoundException e) {e.printStackTrace();} catch (Exception e) {e.printStackTrace();}}
}
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><meta charset="UTF-8"/><title>表格样式</title><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"/><link rel="stylesheet" href="https://static.loyalvalleycapital.com/web/css/frame.css"/><style>table.table-separate th{font-weight:bold;font-size:14px;border-top:1px solid #F3EDE9 !important;}table.table-separate td{padding: 13px 0;font-weight:100;}.table-separate td.tit{background-color: #f4f9fe;font-weight:normal;padding:22px 0;width:15%;}.table-separate td.cont{text-align: left;padding:16px 22px;width:85%;line-height:175%;}.table-separate.no-border th{border:none;text-align: left;}.table-separate.no-border td{text-align: left;border:none;}table {border-collapse: collapse;table-layout: fixed;word-break:break-all;font-size: 10px;width: 100%;text-align: center;}td {word-break:break-all;word-wrap : break-word;}@page {size:210mm 297mm;//纸张大小A4margin: 0.25in;-fs-flow-bottom: "footer";-fs-flow-left: "left";-fs-flow-right: "right";padding: 1em;}#footer {font-size: 90%; font-style: italic;position: absolute; top: 0; left: 0;-fs-move-to-flow: "footer";}#pagenumber:before {content: counter(page);}#pagecount:before {content: counter(pages);}
</style>
</head>
<body class="bg-white pb-3" style = "font-family: SimSun;"><div id="footer" style=""> Page <span id="pagenumber"/> of <span id="pagecount"/> </div>
<div style="max-width:600px;margin:0 auto;padding:10px;"><div class="f18 text-center mv-2 bold">合伙人服务日报</div><div class="f14 text-center mb-3">2017年8月28日</div><div class=""><div class="f14 mb bold">一、旗舰基金股东动态</div><div class="f14 mb">1、旗舰基金公司新闻</div><table class="table-separate"><tbody><tr><td class="tit" valign="middle">刚泰</td><td class="cont"><p class="bold">&nbps;第 3 期员工持股计划(草案)摘要</p><p>1、甘肃刚泰控股(集团)股份有限公司(以下简称“公司”)第3期员工持 股计划(以下简称“第3期员工持股计划”)根据《中华人民共和国公司法》、《中华人民共和国证券法》、《关于上市公司实施员工持股计划试点的指导意见》 及其他有关法律、法规、规范性文件以及《甘肃刚泰控股(集团)股份有限公司章程》的规定制定,遵循公平、公正、公开的原则,旨在完善公司的激励机制,确保公司未来发展战略和经营目标的实现。</p><p>4、第3期员工持股计划以“份”作为认购单位,每份份额为1元,起始认购 份数为100万份,超过100万份的,以10万份的整数倍累积计算。公司全部员工 持股计划涉及的股票数量累计不超过公司现有股本总额的10%,任一持有人持有的 员工持股计划份额所对应的标的股票数量不超过公司股本总额的 1%(不包括员工 在公司首次公开发行股票上市前获得的股份、通过二级市场自行购买的股份及通过股权激励获得的股份)。</p></td></tr></tbody></table><div class="f14 mt-3 mb bold">一、客户沟通和反馈</div><div class="f14 mb">今天联系的客户:</div><div class=""><table class="table-separate"><thead><th>联系人</th><th>沟通内容</th><th>客户反馈</th></thead><tbody><tr><td>XXX</td><td>XXX</td><td>XXX</td></tr><tr><td>XXX</td><td>XXX</td><td>XXX</td></tr></tbody></table></div><div class="f14 mt-3 mb bold">三、官网、微信和客户服务系统变化</div><div class=""><table class="table-separate"><tbody><tr><td class="tit" valign="middle">运营</td><td class=""><p class="bold">XXX</p></td><td class="text-left pl-2"><p>· 上海正心公益基金会正式获批 1727 </p><p>· XXXX</p></td></tr></tbody></table></div><div class="f14 mt-3 mb bold">四、其他工作</div><div class="f14 mb">近期过生日的客户有: </div><div class=""><p>8.27 王军</p><p class="bold">8.27 陈鱼海</p></div></div>
</div></body>
</html>
三、踩坑:
1.simsun.ttc 文件找不到问题
windows 自带有这个文件 。linux下可能会出现字体找不到的问题。解决方法如下:
-
步骤1.在Windows系统中C:\Windows\Fonts目录下找到宋体,复制在桌面后为simsun.ttc
-
登录Linux服务器进行配置。在/usr/share/fonts/目录下创建chinese文件夹并把simsun.ttc放在chinese文件夹里
如下
-
编辑配置文件。在/etc/fonts/目录下找到fonts.conf文件并添加
<dir>/usr/share/fonts/chinese</dir>
- 在/etc/fonts目录下执行刷新命令
//没有该命令则通过 yum search fontconfig 进行安装
fc-cache
- 查看是否安装成功
fc-list :lang=zh
2.中文显示问题:
这里很奇怪为什么引入了 中文字体为什么还是不能显示中文?
这里要注意了:要再你的html 加上一个样式:
style = “font-family: SimSun;”
这样加了之后就会出现中文了。。
3. 问题(当然不知这种问题 还有 >等一些特殊转义符号这里只罗列一种)
当文中出现这种字符的时候 会报错:
因为这个HTML 转PDF 对html代码规范要求非常严格所以这里的头部必须声明:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
以及其他的都要加</>结束
4.这里出现这样一个问题:
html 中这个换行是OK 的 但是转完PDF之后 是这种情况:
解决办法如下:
添加样式:
table {border-collapse: collapse;table-layout: fixed;word-break:break-all;font-size: 10px;width: 100%;text-align: center;}td {word-break:break-all;word-wrap : break-word;}
完美解决了!!
效果图:
另外这里还涉及到分页的情况以及纸张大小设置
@page {size: 7in 15.25in;}
这里是设置A4 纸张
body里加入<div id="footer" style=""> Page <span id="pagenumber"/> of <span id="pagecount"/> </div>
样式上加入
@page {
size:210mm 297mm;//纸张大小A4
margin: 0.25in;
-fs-flow-bottom: "footer";
-fs-flow-left: "left";
-fs-flow-right: "right";
border: thin solid black;
padding: 1em;
}
#footer {
font-size: 90%; font-style: italic;
position: absolute; top: 0; left: 0;
-fs-move-to-flow: "footer";
}
#pagenumber:before {
content: counter(page);
}
#pagecount:before {content: counter(pages);
}
代码: