Wie behandeln PDF-Seitenzählung in PhantomJS

Ich bin mit PhantomJS zum erstellen von PDF-Dateien aus html.

Funktioniert es einwandfrei, aber ich kann nicht herausfinden, wie die Arbeit mit Seitenzählung; ich möchte eine Seite erstellen für jedes div-Element im Dokument, aber ich kann nicht finden, alles, was in der doc. über die Paginierung.

Wenn mein Dokument ist kurz, es macht nur eine Seite, und wenn es größer ist, es schafft eine zweite leere Seite und meine Inhalte sind in der ersten Seite, die wird sehr lange.

Irgendeine Idee ? (Ich bin mit phantomJS-Knoten-Modul für nodeJS)

InformationsquelleAutor der Frage Rayjax | 2013-06-11

  1. 39

    PhantomJS kümmert webkit-css-Implementierung. Implementieren manuelle Seitenumbrüche können Sie diese Eigenschaften verwenden :

    • page-break-before : auto/always/avoid/...
    • page-break-inside : auto/always/avoid/...
    • page-break-after : auto/always/avoid/...

    Beispielsweise ein div kann sein : 

     <div style="page-break-before:always;"><!-- content --></div>

    oder

    <div style="page-break-after:always;"> <!-- content --></div>

    Controlling Seitenumbrüche beim drucken in Webkit, ist manchmal nicht einfach, insbesondere mit langen html-Tabellen.

    InformationsquelleAutor der Antwort Cybermaxs

  2. 4

    Sehr spät, aber ich hatte Probleme mit "break-inside:avoid" mit JsReport, die behoben wurden, durch ändern des Elements display-Typ inline-block. Mehr info hier:
    https://github.com/ariya/phantomjs/issues/10638

    InformationsquelleAutor der Antwort R. Salisbury

  3. 3

    Sollte man diese Problem mit verschiedenen Tipps.

    Versuchen display:inline-block im element, dass Sie nicht wollen, um Brüche, weil der Seitenumbruch. Die Argumentation dahinter ist, dass webkit bereits versucht zu bewahren, Bilder zu brechen. Und die Bilder sind inline-Block.

    InformationsquelleAutor der Antwort gusgard

  4. 1

    Paginierung funktioniert gut mit :

     var page = webPage.create();

 page.paperSize = {
  format: 'A4',
  orientation: 'portrait',
  margin: '1cm'
 }

    Dokumentation hier http://phantomjs.org/api/webpage/property/paper-size.html

    InformationsquelleAutor der Antwort sbalcerowski

Schreibe einen Kommentar