2012-04-24 101 views
2

我想添加一個標題給我的PDF與此: --header中心測試wkhtmltopdf標題,圖片和頁面編號

,它工作正常,但如果我想插入空白: --header-中心TEST測試

它不會被顯示。我必須寫一些東西而不是「」?

另一個問題是如何將頁面編號插入頁腳。我發現這個代碼片斷,但我在這個問題上新的,不知道如何實現它:

var pdfInfo = {}; 
    var x = document.location.search.substring(1).split('&'); 
    for (var i in x) { var z = x[i].split('=',2); pdfInfo[z[0]] = unescape(z[1]); } 
    function getPdfInfo() { 
    var page = pdfInfo.page || 1; 
    var pageCount = pdfInfo.topage || 1; 
    document.getElementById('pdfkit_page_current').textContent = page; 
    document.getElementById('pdfkit_page_count').textContent = pageCount; 
    } 

我的最後一個問題是如何將圖片與--header-HTML〜頁腳\ image.html。 我插入了一個鏈接引用一個簡單的HTML與圖片,但它不會被顯示。

我知道...很多問題。這個問題對我來說非常棘手。

在此先感謝!

LG FG

+0

我不能幫你的頁面數,但是對於空間的需要加上引號就文本,恩。 - 標題中心「測試測試」。 image.html中的圖像必須是圖像的絕對URL,您必須調整頁邊距以確保它適合,例如。 「--margin-top 25mm」(默認爲10mm) – celadonz 2012-06-29 20:11:41

回答

2

正如我在評論,在文頭中的空白應該,如果你就加上引號工作,前--header-center "TEST test"

好了,所以我打了一圈,發現如何讓頁碼和圖像工作。你header.html中應該是這個樣子(注意,圖像URL是怎樣的絕對路徑):

<html> 
<head> 
    <script type="text/javascript"> 
     var pdfInfo = {}; 
     var x = document.location.search.substring(1).split('&'); 
     for (var i in x) { var z = x[i].split('=',2); pdfInfo[z[0]] = unescape(z[1]); } 
     function getPdfInfo() { 
      var page = pdfInfo.page || 1; 
      var pageCount = pdfInfo.topage || 1; 
      document.getElementById('pdfkit_page_current').textContent = page; 
      document.getElementById('pdfkit_page_count').textContent = pageCount; 
     } 
    </script> 
</head> 
<body onload="getPdfInfo()"> 
    <img src="/var/sites/mysite/htdocs/images/logo.jpg" /> 
    <br />Page <span id="pdfkit_page_current"></span> Of <span id="pdfkit_page_count"></span> 
</body> 
</html> 

然後生成的東西,如wkhtmltopdf --margin-top 40mm --header-html /var/sites/mysite/pdf/header.html content.html output.pdf

你有--margin頂玩得到正確的間距。同樣的程序也適用於頁腳。

我這個來源是http://metaskills.net/2011/03/20/pdfkit-overview-and-advanced-usage/(PDFkit是wkhtmltopdf包裝)

+0

[wkhtmltopdf手冊](http://tinyurl.com/wk2pdfmanual)也有很好的例子,我目前使用的也有我目前使用的很好的例子。 – Nenotlep 2012-07-12 07:47:31

+0

指向「wkthmltopdf手冊」的鏈接已中斷。 – marienke 2013-10-21 10:11:15