一：基础设置
Salesforce中的PDF页面本质上还是Visualforce[简称VF]页面，所以只需要给VF页面加上一个属性[renderAs="pdf"] 即可生成一个PDF页面
1 <apex:page renderAs="pdf">
2 this is a Visualforce page!!! 这是一个VF页面
3 </apex:page>
预览页面，可以看到生成了一个PDF页面，但是只显示了英文，涉及的中文字体都没有出现
对于中文，在PDF中，需要设置font-family: Arial Unicode MS;才能显示中文字体。
添加上属性
body {
font-family: Arial Unicode MS;
font-size:14px;
font-weight:200;
}
此时还需要额外设置几个属性，applyHtmlTag="false" applyBodyTag="false" showheader="false"
原因是Salesforce对自己的页面做了相当程度的封装，所以在这样的全部都是自定义的情况下，设置上面的属性将VF自带的样式关闭，此时预览页面
可以看到中文的正常显示。需要注意的，PDF页面不支持JS，不支持文字的加粗，只能通过文字的字号大小进行区分。
我们来看一个基本的PDF页面模板
<apex:page renderAs="pdf" showheader="false" standardstylesheets="false" applyBodyTag="false" applyHtmlTag="false" contentType="text/html; charset=UTF-8">
<html>
<head>
<style>
body {
font-family: Arial Unicode MS;
font-size:14px;
font-weight:200;
}
</style>
</head>
this is a Visualforce page!!! 这是一个VF页面
<!-- 输入你想要的页面内容 -->
</html>
</apex:page>
二：页眉和页脚
经常需要使用的PDF页面内容肯定包括页眉和页脚的显示设置，下面用一个demo进行示范
@page {
@top-center {
content: element(header);
}
@bottom-left {
content: element(footer);
}
}
div.header {
display: block;
height: 20px;
position: running(header);
}
div.footer {
display: block;
padding: 5px;
position: running(footer);
}
.pagenumber:before {
content: counter(page);
}
.pagecount:before {
content: counter(pages);
}
页眉页脚对应的页面代码如下
<!-- 设置页眉和页脚 -->
<!-- 页眉 -->
<div class="header" style="border-bottom: 1px solid #ccc">
<div>
<img src="{!$Resource.Logo}" style="display: block;height: 20px;float:left;" />
<div style="float:left;">
<span style="font-size:12px;color: #808080;"> https://www.cnblogs.com/</span>
<span style="font-size:12px;">
<span style="color: #808080;"> 博客地址：</span>
https://www.cnblogs.com/luqinghua/
</span>
</div>
<div style="clear: both;"></div>
</div>
</div>
<!-- 页脚 -->
<div class="footer">
<div style="text-align: center;"> Page <span class="pagenumber"/>/<span class="pagecount"/></div>
<div style="border-top: 1px solid #ccc;text-align: center;">
<span style="font-size:12px;color: #808080;"> ADD:Salesforce开发整理[八]</span>
<span style="font-size:12px;color: #808080;"> TEL: 152-0721-6593</span>
<span style="font-size:12px;color: #808080;"> EMAIL: luqinghua621@gmail.com</span>
</div>
</div>
页面预览效果
三：中文自动换行
在PDF上换行，如果是前端可以使用<br/> 强制换行，或者文字内使用 换行，但是经常会有传递的中文参数，如果长度超出的情况下，需要自动换行的情况，此时我们可以在后台将中文字符串转换成一个字符串的集合，再在前端页面输出，此时可以看到自动换行的效果。
后台控制器代码
public with sharing class PrintPDFController {
public List<String> list_Name{get;set;} // PDF标题
public PrintPDFController() {
String CompanyName = '公司名称特别长超出你需要限制的长度比如15个字公司名称特别长超出你'
+ '需要限制的长度比如15个字公司名称特别长超出你需要限制的长度比如15'
+ '个字公司名称特别长超出你需要限制的长度比如15个字';
list_Name = spliteStringToList(CompanyName);
}
public List<String> spliteStringToList(String field){
List<String> StringList = new List<String>();
for(integer i = 0 ; i < field.length(); i++){
StringList.add(field.Substring(i,i+1));
}
return StringList;
}
}
前端输出
<apex:repeat value="{!list_Name}" var="name"><apex:outputText value="{!name}"/><textarea/></apex:repeat>
可以看到前端的预览
所有的超出页面长度显示的中文都会自动换行显示
四：保留系统中的长文本字段样式输出
打印系统中的长文本字段时需要保留原本的样式进行输出，譬如在业务机会上的描述里面写这样的格式信息，在后台获取并输出
后台控制器代码
public with sharing class PrintPDFController {
public Integer Index{get;set;}
public List<String> IndexList{get;set;}
public List<List<List<String>>> ContentList{get;set;}
public Map<String,List<List<String>>> ContentMap{get;set;}
public PrintPDFController() {
Opportunity opp = [ SELECT
Id,
Description
FROM
Opportunity
WHERE
Id =:'0066F00000sAyL1QAK' Limit 1];
Index = 0;
IndexList = new List<String>();
ContentList = new List<List<List<String>>>();
ContentMap = new Map<String,List<List<String>>>();
spliteString(opp.Description);
}
public void spliteString(String s){
Index++;
IndexList.add(String.valueOf(Index));
List<String> str = s.split('\n');
List<String> str_temp;
List<List<String>> sTable = new List<List<String>>();
for(String tr:str){
str_temp = new List<String>();
for(Integer i=0;i<tr.length();i++){
str_temp.add(tr.subString(i,i+1));
}
sTable.add(str_temp);
}
ContentList.add(sTable);
ContentMap.put(String.valueOf(Index),sTable);
}
}
前端代码
<div>
<h3>业务机会描述</h3>
<div>
<table>
<apex:repeat value="{!IndexList}" var="index">
<tr style="border:0px">
<td width="90%" style="border:0px;font-size:13px;">
<apex:repeat value="{!ContentMap[index]}" var="contentList">
<apex:repeat value="{!contentList}" var="con">{!con}<textarea/></apex:repeat>
<br/>
</apex:repeat>
</td>
</tr>
</apex:repeat>
</table>
</div>
</div>
预览页面效果
五：小技巧汇总
最后记录几个小技巧：
1、控制PDF某一区域作为一个整体不能被分页切割，使用 page-break-inside:avoid; ，可用于div,span,table,tr,td等一切你想要要保持在同一个页面显示的内容；
2、与之相对的就是强制换页使用：<P style='page-break-after:always'> </P> ，类似WORD中的分页符，缺点是其本身也占有一行。
3、PDF页面不支持Javascript的使用，对于某些条件限制的需求，可以使用IF作为判断，比如
value="{!IF(ord.Deals__c=='01-标准','■','□')}"
或者 用于style元素中控制样式的显示
style="{!IF(pi.Company__c!="几米",'display:none;','width:100%;')}"
4、VF页面时间格式化
<apex:outputText value="{0, date, yyyy-MM-dd}">
<apex:param value="{!con.PlanStartDate__c}" />
</apex:outputText>
如有错漏，欢迎指正，有问题可以在评论区留言，大家共同进步。
----------------------------------------------------- end -----------------------------------------------
最后贴上本文使用的demo页面源码
后台控制器：PrintPDFController
public with sharing class PrintPDFController {
public List<String> list_Name{get;set;} // PDF标题
public Integer Index{get;set;}
public List<String> IndexList{get;set;}
public List<List<List<String>>> ContentList{get;set;}
public Map<String,List<List<String>>> ContentMap{get;set;}
public PrintPDFController() {
String CompanyName = '公司名称特别长超出你需要限制的长度比如15个字公司名称特别长超出你'
+ '需要限制的长度比如15个字公司名称特别长超出你需要限制的长度比如15'
+ '个字公司名称特别长超出你需要限制的长度比如15个字';
list_Name = spliteStringToList(CompanyName);
Opportunity opp = [ SELECT
Id,
Description
FROM
Opportunity
WHERE
Id =:'0066F00000sAyL1QAK' Limit 1];
Index = 0;
IndexList = new List<String>();
ContentList = new List<List<List<String>>>();
ContentMap = new Map<String,List<List<String>>>();
spliteString(opp.Description);
}
public List<String> spliteStringToList(String field){
List<String> StringList = new List<String>();
for(integer i = 0 ; i < field.length(); i++){
StringList.add(field.Substring(i,i+1));
}
return StringList;
}
public void spliteString(String s){
Index++;
IndexList.add(String.valueOf(Index));
List<String> str = s.split('\n');
List<String> str_temp;
List<List<String>> sTable = new List<List<String>>();
for(String tr:str){
str_temp = new List<String>();
for(Integer i=0;i<tr.length();i++){
str_temp.add(tr.subString(i,i+1));
}
sTable.add(str_temp);
}
ContentList.add(sTable);
ContentMap.put(String.valueOf(Index),sTable);
}
}
前端VF页面
<apex:page renderAs="pdf" showheader="false" standardstylesheets="false" applyBodyTag="false" applyHtmlTag="false" contentType="text/html; charset=UTF-8" controller="PrintPDFController">
<html>
<head>
<style>
body {
font-family: Arial Unicode MS;
font-size:14px;
font-weight:200;
}
@page {
@top-center {
content: element(header);
}
@bottom-left {
content: element(footer);
}
}
div.header {
display: block;
height: 20px;
position: running(header);
}
div.footer {
display: block;
padding: 5px;
position: running(footer);
}
.pagenumber:before {
content: counter(page);
}
.pagecount:before {
content: counter(pages);
}
</style>
</head>
this is a Visualforce page!!! 这是一个VF页面
<br/>
<!-- 输入你想要的页面内容 -->
<apex:repeat value="{!list_Name}" var="name"><apex:outputText value="{!name}"/><textarea/></apex:repeat>
<br/> <div>
<h3>业务机会描述</h3>
<div>
<table>
<apex:repeat value="{!IndexList}" var="index">
<tr style="border:0px">
<td width="90%" style="border:0px;font-size:13px;">
<apex:repeat value="{!ContentMap[index]}" var="contentList">
<apex:repeat value="{!contentList}" var="con">{!con}<textarea/></apex:repeat>
<br/>
</apex:repeat>
</td>
</tr>
</apex:repeat>
</table>
</div>
</div> <!-- 设置页眉和页脚 -->
<!-- 页眉 -->
<div class="header" style="border-bottom: 1px solid #ccc">
<div>
<img src="{!$Resource.Logo}" style="display: block;height: 20px;float:left;" />
<div style="float:left;">
<span style="font-size:12px;color: #808080;"> https://www.cnblogs.com/</span>
<span style="font-size:12px;">
<span style="color: #808080;"> 博客地址：</span>
https://www.cnblogs.com/luqinghua/
</span>
</div>
<div style="clear: both;"></div>
</div>
</div>
<!-- 页脚 -->
<div class="footer">
<div style="text-align: center;"> Page <span class="pagenumber"/>/<span class="pagecount"/></div>
<div style="border-top: 1px solid #ccc;text-align: center;">
<span style="font-size:12px;color: #808080;"> ADD:Salesforce开发整理[八]</span>
<span style="font-size:12px;color: #808080;"> TEL: 152-0721-6593</span>
<span style="font-size:12px;color: #808080;"> EMAIL: luqinghua621@gmail.com</span>
</div>
</div>
</html>
</apex:page>