import {PdfDocument, AffixFonts} from "@ironsoftware/ironpdf";
(async () => {
// Configure render options
const options = {
firstPageNumber: 1, // Use 2 if a cover page will be appended
// Add a header to every page
textHeader: {
dividerLine: true,
centerText: "{html-title}",
font: AffixFonts.Helvetica, // Use the font name or font file path
fontSize: 12,
},
// Add a footer
textFooter: {
dividerLine: true,
leftText: "{date} {time}",
rightText: "{page} of {total-pages}",
font: AffixFonts.Arial, // Use the font name or font file path
fontSize: 10,
},
// Mergeable fields are: {page} {total-pages} {url} {date} {time} {html-title} & {pdf-title}
margin: {
top: 25, // Create 25mm space for the header
bottom: 25, // Create 25mm space for the footer
},
};
// Define HTML content
const htmlContent = "<h1>Hello IronPDF</h1>";
// Render HTML content to a PDF with headers and footers
const pdf = await PdfDocument.fromHtml(htmlContent, {renderOptions: options });
// Save the PDF with headers and footers
await pdf.saveAs("header_footer.pdf");
})();
Klassische Textköpfe- und -füße hinzufügen
Erfahren Sie, wie Sie Textüberschriften und -fußzeilen zu einem PDF-Dokument hinzufügen, wenn Sie HTML-Inhalte rendern.
Um Textüberschriften und -fußzeilen einzuschließen, müssen Sie diese im Rendering-Optionsobjekt angeben. Definieren Sie den Kopfzeileninhalt mit einer Trennlinie, einem zentrierten Text, der den HTML-Titel anzeigt, sowie den Schriftarteneinstellungen und der Schriftgröße. Definieren Sie ähnlich den Fußzeileninhalt mit der textFooter Eigenschaft. Sie können Felder wie {page}, {total-pages}, {url}, {date}, {time}, {html-title} und {pdf-title} nutzen, um den Inhalt zu personalisieren.
Passen Sie die Ränder an, um die Kopf- und Fußzeile angemessen zu berücksichtigen.
Verwenden Sie die PdfDocument.fromHtml Methode, um Ihren HTML-Inhalt in ein PDF zu konvertieren. Übergeben Sie das renderOptions Objekt als Option.
Für eine detaillierte Dokumentation zur Erstellung von PDFs aus HTML besuchen Sie die IronPDF-Dokumentation.
Das resultierende PDF-Dokument, komplett mit Kopf- und Fußzeilen, wird unter dem Namen "header_footer.pdf" gespeichert.