I know how to append my footer with text but now I need to append dynamic HTML code. I can't find anything in the documentation or in any forum.
const page_margin_left = 20;
const page_margin_right = 15;
const page_margin_bottom = 20;
const page_margin_top = 5;
html2pdf()
.set({
margin: [page_margin_top, page_margin_left, page_margin_bottom, page_margin_right],
filename: 'test.pdf',
image: { type: 'jpeg', quality: 1 },
html2canvas: { dpi: 192, scale: 2, letterRendering: true, useCORS: true },
jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' },
//pageBreak: {mode: ['avoid-all', 'css'], avoid: ['.pi-row']},
})
.from(print_target_container[0].innerHTML)
.toPdf().get('pdf').then(function (pdf) {
var totalPages = pdf.internal.getNumberOfPages();
var pageHeight = pdf.internal.pageSize.height || pdf.internal.pageSize.getHeight();
var pageWidth = pdf.internal.pageSize.width || pdf.internal.pageSize.getWidth();
var footerText = offer_template_page_footer;
for (i = 1; i <= totalPages; i++) {
if (i > 1) {
pdf.setPage(i);
pdf.setFontSize(8);
pdf.setTextColor(150);
pdf.line(25, pageHeight - 15, pageWidth - page_margin_right, pageHeight - 15); // horizontal line x1, y1, x2, y2, style
pdf.text(i + ' (' + totalPages + ')\n' + footerText, pageWidth / 2, pageHeight - 10, {align: 'center'});
//pdf.text(i + ' (' + totalPages + ')\n' + offer_template_page_footer, pdf.internal.pageSize.getWidth() / 2, pdf.internal.pageSize.getHeight() - 8);
}
}
}).save();