Ich habe eine neue Domain :)

Ja, Du hast richtig gelesen – ich habe meinem Blog eine neue Domain verpasst. Meine alte Domain chaensel.de ist noch immer erreichbar, leitet aber nur auf diese neue Domain weiter und wird eigentlich nur noch als E-Mail-Doomain genutzt.

Mit meiner neuen Domain haensel.pro möchte ich der zuletzt (und zukünftig) stärkeren technischen Ausrichtung meines Blogs Ausdruck verleihen und habe mich daher für diese neue Domain entschieden.

Also, ab heute gilt: haensel.pro statt chaensel.de :D

jsPDF / html2pdf: add header and footer text to each page

In a recent project I needed to add header and footer text (like page count) to every single generated html2pdf / jsPDF page.

There are a lot of instructions on the web, but none of those are really doing what I wanted.

Basically, I needed to use the callback  function of  html2pdf to loop over the total pages, and then access that single page to add text to it.

html2PDF: Add a header and footer to every page

So the first step is to use the callback  function of html2pdf :

And within the callback function, I am looping over the pages of the generated document. You can find the total number of pages within the returned jsPDF-Object  which is called  pdfObject in my example.

Using this code you can simply add a header and a footer text to each page of the generated PDF document.

To add a header text, you can simply add the following line to the above code.

This will add the text „my header text“ at the position x = 10, y = 10 to every page of your PDF document.