2

これを使用して PDF にヘッダーを追加したい: --header-center TEST

正常に動作しますが、空白を挿入したい場合: --header-center TEST test

表示されません。" " の代わりに何か書かなければなりませんか?

もう 1 つの質問は、ページ番号をフッターに挿入する方法です。このコード スニペットを見つけましたが、この問題は初めてで、実装方法がわかりません。

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

4

1 に答える 1

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-top で遊ぶ必要があります。同じ手順がフッターにも有効です。

これの私のソースはhttp://metaskills.net/2011/03/20/pdfkit-overview-and-advanced-usage/ (PDFkit は wkhtmltopdf のラッパーです)

于 2012-06-29T20:27:02.927 に答える