之前有個(gè)客戶需要把一些html頁(yè)面生成pdf文件,然后我就找一些用php把html頁(yè)面圍成pdf文件的類(lèi)。方法是可謂是找了很多很多,什么html2pdf,pdflib,FPDF這些都試過(guò)了,但是都沒(méi)有達(dá)到我要的求。
pdflib,FPDF這兩個(gè)方法是需要編寫(xiě)程序去生成pdf的,就也是講不支持直接把html頁(yè)面轉(zhuǎn)換成pdf;html2pdf這個(gè)雖然可以把html頁(yè)面轉(zhuǎn)換成pdf文件,但是它只能轉(zhuǎn)換一般簡(jiǎn)單的html代碼,如果你的html內(nèi)容要的是通過(guò)后臺(tái)新聞編輯器排版的那肯定不行的。
糾結(jié)了半天,什么百度,谷歌搜索都用了,搜索了半天,功夫不負(fù)有心人,終于找到一個(gè)非常好用的方法了,下面就隆重介紹。
它就是:wkhtmltopdf,wkhtmltopdf可以直接把任何一個(gè)可以在瀏覽器中瀏覽的網(wǎng)頁(yè)直接轉(zhuǎn)換成一個(gè)pdf,首先說(shuō)明一下它不是一個(gè)php類(lèi),而是一個(gè)把html頁(yè)面轉(zhuǎn)換成pdf的一個(gè)軟件,但是它并不是一個(gè)簡(jiǎn)單的桌面軟件,而且它直接cmd批處理的。而且php有個(gè)shell_exec()函數(shù)。下面就一步一步介紹如何用php來(lái)讓它生成pdf文件的方法。
一,下載并安裝pdf
下載地址:http://code.google.com/p/wkhtmltopdf/downloads/list
上面有各種平臺(tái)下安裝的安裝包,英文不好的直接谷歌翻譯一下。下面以 windows平臺(tái)上使用舉例,我的下載的是wkhtmltopdf-0.9.9-installer.exe這個(gè)版本,我在win7 32位64位和windows 2003上安裝測(cè)試都沒(méi)有問(wèn)題的。下載好以后直接安裝就可以了,注意安裝路徑要知道,下面會(huì)用到的。
安裝好以后需要在系統(tǒng)環(huán)境變量變量名為"Path"的后添加:;C:Program Files (x86)wkhtmltopdf 也就是你安裝的目錄。安裝好以后重啟電腦。
二,測(cè)試使用效果
直接在cmd里輸入:wkhtmltopdf http://m.bdsjkw.cn/ F:website1.pdf
第一個(gè)是:運(yùn)行軟件名稱(chēng)(這個(gè)是不變的) 第二個(gè)是網(wǎng)址 第三個(gè)是生成后的路徑及文件名。回車(chē)后是不是看生一個(gè)生成進(jìn)度條的提示呢,恭喜您已經(jīng)成功了,到你的生成目錄里看看是不是有一個(gè)剛生成的pdf文件呢。
三,php里調(diào)用
php里調(diào)用是很簡(jiǎn)單的,用shell_exec這個(gè)函數(shù)就可以了,如果shell_exec函數(shù)不能用看看php.ini里是否補(bǔ)禁用了。
舉例:<?php shell_exec("wkhtmltopdf http://m.bdsjkw.cn/ 1.pdf") ?>
三,解決分頁(yè)問(wèn)題
wkhtmltopdf 很好用,但也有些不盡人意。就是當(dāng)一個(gè)html頁(yè)面很長(zhǎng)我需要在指定的地方分頁(yè)那怎么辦呢? wkhtmltopdf 開(kāi)發(fā)者在開(kāi)發(fā)的時(shí)候并不是沒(méi)有考慮到這一點(diǎn),
例如下面這個(gè)html頁(yè)面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>pdf</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <style type="text/css"> *{ margin:0px; padding:0px;} div{ width:800px; height:1362px;margin:auto;} </style> <body> <div style=" background:#030"></div> <div style=" background:#033"></div> <div style=" background:#369"></div> <div style=" background:#F60"></div> <div style=" background:#F3C"></div> <div style=" background:#F0F"></div> <div style=" background:#0FF"></div> <div style=" background:#FF0"></div> <div style=" background:#00F"></div> <div style=" background:#0F0"></div> <div style=" background:#033"></div> <div style=" background:#369"></div> <div style=" background:#F60"></div> <div style=" background:#030"></div> <div style=" background:#033"></div> <div style=" background:#369"></div> <div style=" background:#F60"></div> <div style=" background:#F3C"></div> <div style=" background:#F0F"></div> <div style=" background:#0FF"></div> <div style=" background:#FF0"></div> <div style=" background:#00F"></div> <div style=" background:#0F0"></div> </body> </html>
當(dāng)我把它生成pdf的時(shí)候我想讓每個(gè)塊都是一頁(yè),經(jīng)過(guò)無(wú)數(shù)次調(diào)試pdf的一頁(yè)大約是1362px,但是越往后值就不對(duì)了,目前還不知道pdf一頁(yè)是多少像素。
但是wkhtmltopdf 有個(gè)很好的方法,就是在那個(gè)div的樣式后添加一個(gè):page-break-inside:avoid;就ok了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>pdf</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<style type="text/css">
*{ margin:0px; padding:0px;}
div{ width:800px; min-height:1362px;margin:auto;page-break-inside:avoid;}
</style>
<body>
<div style=" background:#030"></div>
<div style=" background:#033"></div>
<div style=" background:#369"></div>
<div style=" background:#F60"></div>
<div style=" background:#F3C"></div>
<div style=" background:#F0F"></div>
<div style=" background:#0FF"></div>
<div style=" background:#FF0"></div>
<div style=" background:#00F"></div>
<div style=" background:#0F0"></div>
<div style=" background:#033"></div>
<div style=" background:#369"></div>
<div style=" background:#F60"></div>
<div style=" background:#030"></div>
<div style=" background:#033"></div>
<div style=" background:#369"></div>
<div style=" background:#F60"></div>
<div style=" background:#F3C"></div>
<div style=" background:#F0F"></div>
<div style=" background:#0FF"></div>
<div style=" background:#FF0"></div>
<div style=" background:#00F"></div>
<div style=" background:#0F0"></div>
</body>
</html>
http://code.google.com/p/wkhtmltopdf/這個(gè)是wkhtmltopdf問(wèn)題交流平臺(tái),但是英文的。