5
votes

convertir html en pdf - le saut de page divise le texte

J'ai essayé de générer un fichier PDF à partir d'un document HTML / CSS en utilisant l'API de pdflayer.com. Jusqu'ici tout va bien. tout a bien fonctionné. Mais il y a un problème. S'il y a un saut de page, une ligne est parfois divisée comme sur la photo:

existe-t-il un moyen de se débarrasser de ce problème? J'ai aussi essayé html2pdfrocket.com c'est la même chose là-bas.

Le texte est placé dans cette construction html:

<html>
 <body>
  <div class="overall">
   <div class="content">
    <div class="wrapper">
     <div class="article">
      Text

html css pdf html2pdf html-to-pdf

3 commentaires

Je vous suggère de joindre le HTML / CSS complet nécessaire pour reproduire votre problème.

html2canvas.hertzen.com cela prendra un instantané approprié.

Pourriez-vous s'il vous plaît mettre un lien vers votre HTML si possible. Sinon, vous pouvez également essayer WKHTMLToPDF . J'ai trouvé que cela fonctionnait pour moi dans la plupart des scénarios.

4 Réponses :

0
votes

Si vous utilisez Firefox, ouvrez le document html et installez le module complémentaire nommé PDF Mage. Cliquez simplement sur l'icône pour convertir la page en PDF. Cela fonctionne toujours pour moi sans aucun problème.

Viele Grüße

1 commentaires

Ce n'est pas ce que je recherche. Ce que je veux, c'est que lorsque je mets à jour un article, il génère automatiquement le PDF.

1
votes

Je pense que la meilleure solution serait d'éviter une coupure dans un paragraphe à l'impression. Quelque chose comme ceci:

@media print and (min-width:700px) {
    /* you can change the selector to whatever you need */
    .article {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

2 commentaires

Je viens de l'essayer mais cela n'a aucun effet d'ajouter ces lignes.

avez-vous ajusté (ou même supprimé) le min-width et utilisé les bonnes classes?

3
votes

J'ai découvert qu'il existe un problème avec la compilation du contenu à l'intérieur de plusieurs divs. Les règles CSS n'ont pas affecté le comportement du problème.

J'ai donc eu une idée et ce que j'ai fait était de générer un "raw-html-output". Dans ce document html, il n'y a que

<html>
 <head>
  <style>
   The only necessary css-rules.
  </style>
 </head>
 <body>
  Some text here.
 </body>
</html>

Rien de plus.

L'API récupère les données du fichier HTML simplifié et les compile correctement.

0 commentaires

0
votes

Vous pouvez essayer de convertir votre HTML en PDF à l'aide de Syncfusion démo en ligne. Nous gérons le texte et l'image répartis sur les pages.

Remarque: je travaille pour Syncfusion.

0 commentaires