page breaks using html2pdf

PeterShaw · 2025-02-05T11:45:26.765+00:00

I use html2pdf to generate pdfs from an element. The element contains 4 sub-elements and I want every sub-element to be on a single page when exported. Can I add a page break after every sub-element in toddle? Great package. Maybe you can help

PeterShaw

5 months ago

I use html2pdf to generate pdfs from an element. The element contains 4 sub-elements and I want every sub-element to be on a single page when exported. Can I add a page break after every sub-element in toddle?

@Matthewcc Great package. Maybe you can help 🙂
Matthewcc

5 months ago

So there is a way to add breaks, but you'll need to reference the original html2pdf documentation. I've not added any attributes to support changing the default breaking styles within the toddle package, but you should be able to just use CSS properties based on the default. From the documentation - "By default, html2pdf.js will respect most CSS break-before, break-after, and break-inside rules" You can read the full docs here: https://ekoopmans.github.io/html2pdf.js/#page-breaks
@Matthewcc
So there is a way to add breaks, but you'll need to reference the original html2pdf documentation. I've not added any attributes to support changing the default breaking styles within the toddle package, but you should be able to just use CSS properties based on the default. From the documentation - "By default, html2pdf.js will respect most CSS break-before, break-after, and break-inside rules" You can read the full docs here: https://ekoopmans.github.io/html2pdf.js/#page-breaks
PeterShaw

5 months ago

Thank you that helped. For anyone who might run into the same problem: I just added " break-after: page;" into the CSS of the element

page breaks using html2pdf

PeterShaw

Matthewcc

PeterShaw