HTML-Köpfe- und -füße hinzufügen

VB C#

string(20) "Zum Kopieren klicken"

using IronPdf;
using System;

// Instantiate Renderer
var renderer = new IronPdf.ChromePdfRenderer();


// Build a footer using html to style the text
// mergeable fields are:
// {page} {total-pages} {url} {date} {time} {html-title} & {pdf-title}
renderer.RenderingOptions.HtmlFooter = new HtmlHeaderFooter()
{
    MaxHeight = 15, //millimeters
    HtmlFragment = "<center><i>{page} of {total-pages}<i></center>",
    DrawDividerLine = true
};

// Use sufficient MarginBottom to ensure that the HtmlFooter does not overlap with the main PDF page content.
renderer.RenderingOptions.MarginBottom = 25; //mm


// Build a header using an image asset
// Note the use of BaseUrl to set a relative path to the assets
renderer.RenderingOptions.HtmlHeader = new HtmlHeaderFooter()
{
    MaxHeight = 20, //millimeters
    HtmlFragment = "<img src='logo.png'>",
    BaseUrl = new Uri(@"C:\assets\images\").AbsoluteUri
};

// Use sufficient MarginTop to ensure that the HtmlHeader does not overlap with the main PDF page content.
renderer.RenderingOptions.MarginTop = 25; //mm

Install-Package IronPdf

HTML-Köpfe- und -füße hinzufügen

HTML-Header und -Footer bieten eine flexible Methode zur Erstellung dynamischer Header und Footer für Ihre PDF-Dokumente. Durch das Hinzufügen von Headern und Footern über diese Methode haben Entwickler die vollständige Kontrolle darüber, wie ihre Header und Footer aussehen, da sie als unabhängige HTML-Dokumente gerendert werden können, die ihre eigenen Assets und Stylesheets enthalten.

Schritte zum Hinzufügen benutzerdefinierter HTML-Header und -Footer in ein PDF mit IronPDF

Zunächst müssen Sie eine Instanz der Klasse ChromePdfRenderer erstellen, die für das Rendern von HTML-Inhalten in ein pixelgenaues PDF-Dokument zuständig ist.

Als Nächstes definieren Sie eine Fußzeile mithilfe der Klasse HtmlHeaderFooter, wobei Sie MaxHeight, den HTML-Inhalt für die Fußzeile (der in unserem Fall die Seitennummerierung enthält) und die Basis-URL für die Bildauflösung angeben. Der Footer wird so gestaltet, dass er zentrierte Seiteninformationen anzeigt.

Um eine Überlappung zwischen der Fußzeile und dem Hauptinhalt der PDF-Datei zu vermeiden, legen Sie einen unteren Rand mithilfe der Eigenschaft MarginBottom fest. Erstellen Sie analog dazu einen Header, der ein Bild (z. B. ein Logo) enthält, indem Sie die Klasse HtmlHeaderFooter verwenden. Hier haben wir einen BaseUrl zum Verzeichnis eingerichtet, das Ihre Bilddatei enthält, um eine korrekte Bildauflösung während des Renderings zu gewährleisten.

Abschließend kann mit der Eigenschaft MarginTop ein oberer Rand festgelegt werden, der eine Überlappung zwischen Kopfzeile und Inhalt verhindert. Dieses Beispiel zeigt, wie einfach es ist, benutzerdefinierte HTML-Header und -Footer in Ihre PDF-Dokumente mit IronPDF zu implementieren.

Mit IronPDF HTML-Kopf- und Fußzeilen zu PDF-Dateien hinzufügen

Auf GitHub ansehen

Code

https://github.com/iron-software/IronPDF.Examples/tree/main/examples/html-headers-and-footers

ZIP herunterladen

Bereit anzufangen?

Nuget Downloads 17,803,474 | Version: 2026.3 gerade veröffentlicht

Lizenzen anzeigen

Scrollst du immer noch?

Sie brauchen schnell einen Beweis? PM > Install-Package IronPdf
Führen Sie eine Probe aus Sehen Sie zu, wie Ihr HTML-Code in eine PDF-Datei umgewandelt wird.