convert html to pdf - page break splits text

Question

I tried to generate a PDF-file from a HTML/CSS-document by using the api of pdflayer.com. So far so good. everything worked fine. But there is one issue. If there is a page break, a line sometimes gets split like in the photo:

is there a way to get rid of this issue? I also tried html2pdfrocket.com it is the same there.

The text is placed within this html-construct:

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

I suggest you attach the complete HTML/CSS needed to reproduce your problem. — maryisdead, Jan 25 '19 at 10:52
https://html2canvas.hertzen.com/ this will take a proper snapshot. — murtuza hussain, Jan 25 '19 at 11:15
Could you please put a link to your HTML if possible. Else you could also try [WKHTMLToPDF](https://wkhtmltopdf.org/). I have found this working for me in most of the scenarios. — prinkpan, Jan 25 '19 at 12:11

Bernhard · Accepted Answer · 2019-02-03T20:11:22.583

I found out that there exists a problem with compiling the content inside of multiple divs. CSS-rules did not affect the behaviour of the issue.

So I had an idea and what I made was to generate a "raw-html-output". In this html document is only

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

Nothing more.

The API grabs the data from the simplyfied html-file and compiles them well.

score 2 · Answer 2 · answered Jan 27 '19 at 15:10

2

i think the best solution would to prevent a break inside a paragraph on print. Something like this:

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

answered Jan 27 '19 at 15:10

LuisBento

678
9
16

1

I just tried it but it has no effect adding these lines. – Bernhard Jan 28 '19 at 09:07
did you adjust (or even remove) the `min-width`and use the right classes? – LuisBento Jan 28 '19 at 20:23

score 1 · Answer 3 · answered Jan 26 '19 at 19:42

1

If you use firefox, open the html doc with it and install the add-on named PDF Mage. Just click the icon to convert the page to PDF. It always works for me without any problems.

Viele Grüße

answered Jan 26 '19 at 19:42

David

173
12

This is not what I am looking for. What I want is, when I update an article that it generates the PDF automatically. – Bernhard Jan 28 '19 at 09:08

score 0 · Answer 4 · answered Feb 15 '19 at 07:00

0

You can try converting your HTML to PDF using the Syncfusion online demo. We are handling text and image split across the pages.

Note: I work for Syncfusion.

answered Feb 15 '19 at 07:00

George Livingston

11
5

convert html to pdf - page break splits text

4 Answers4