Comment gérer les PDF de la pagination dans PhantomJS

Je suis à l'aide de PhantomJS pour créer des fichiers Pdf à partir de html.

Il fonctionne bien, mais je ne peux pas savoir comment utiliser la pagination; je veux créer une page pour chaque div dans mon document, mais je ne trouve rien dans la doc. sur la pagination.

Si mon document est court, il ne fait qu'une seule page, et si elle est plus grande, il crée une deuxième page vide, et mon contenu est dans la première page qui devient très long.

Une idée ? (Je suis à l'aide de phantomJS-nœud module nodeJS)

InformationsquelleAutor Rayjax | 2013-06-11
  1. 45

    PhantomJS prend soin de webkit css de mise en œuvre. Pour mettre en œuvre les sauts de page manuels vous pouvez utiliser ces propriétés :

    • page-break-before : auto/toujours/éviter/...
    • page-break-inside : auto/toujours/éviter/...
    • page-break-after : auto/toujours/éviter/...

    Par exemple, un div peut être : 

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

    ou

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

    Contrôle des sauts de page lors de l'impression dans Webkit est parfois pas facile, en particulier avec de longues tables html.

    • Divisé mes pages dans les divs, l'application de la page-break-after sur chacun d'eux, sauf la dernière. Fonctionne comme un charme
    • pas de problème, monsieur !
    • j'ai également confrontés au même problème mais lors de l'ajout de saut de page après chaque page, c'est la création de beaucoup d'espaces,pouvez-vous m'aider?
    • PhantomJS ne supporte pas actuellement la page "break-inside: éviter;"
    • En fonction de la problématique dans github, c'est corrigé dans la source, mais pas dans la version téléchargeable: les versions "Seulement construit à partir de la source et de son corrigé :)" github.com/ariya/phantomjs/issues/10638#issuecomment-42676356
    • Pour ceux qui sont incapables de construire à partir de la source d'essayer le CSS Hack: github.com/ariya/phantomjs/issues/10638#issuecomment-20186253

    InformationsquelleAutor Cybermaxs
  2. 4

    Très en retard, mais j'ai eu des problèmes de "break-inside:éviter" à l'aide de JsReport qui ont été résolus en changeant l'élément d'affichage de type inline-block. Plus d'infos ici:
    https://github.com/ariya/phantomjs/issues/10638

    InformationsquelleAutor R. Salisbury
  3. 4

    Vous devriez voir ce question avec différents conseils.

    Essayez d'utiliser display:inline-block dans l'élément que vous ne voulez pas des pauses parce que le saut de page. Le raisonnement derrière est que webkit, tente déjà de conserver les images de la rupture. Et les images sont en inline-block.

    • Cela a fonctionné pour moi, la modification de display: table; autorisé l'élément de saut de page.
    InformationsquelleAutor gusgard
  4. 1

    La Pagination fonctionne très bien avec :

     var page = webPage.create();

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

    Vérifier la documentation ici http://phantomjs.org/api/webpage/property/paper-size.html

    InformationsquelleAutor sbalcerowski