Klassische Textköpfe- und -füße hinzufügen
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");
})();
npm i @ironsoftware/ironpdf
Klassische Textköpfe- und -füße hinzufügen

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.

Entdecken Sie den Headers & Footers Beispielcode auf GitHub
Auf GitHub ansehen

Bereit anzufangen?

Version:2026.11gerade veröffentlicht