HTML-Kopf- und Fußzeilen hinzufügen

VB C#

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

Imports IronPdf
Imports System

' Instantiate Renderer
Private 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() With {
	.MaxHeight = 15,
	.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() With {
	.MaxHeight = 20,
	.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-Kopf- und Fußzeilen 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 Kopf- und Fußzeilen mit dieser Methode haben Entwickler die vollständige Kontrolle darüber, wie ihre Kopf- und Fußzeilen aussehen, da sie als unabhängige HTML-Dokumente gerendert werden können, die ihre eigenen Assets und Stylesheets enthalten können.

Schritte zum Hinzufügen benutzerdefinierter HTML-Kopf- und Fußzeilen in ein PDF mit IronPDF

var renderer = new IronPdf.ChromePdfRenderer();
renderer.RenderingOptions.HtmlFooter = new HtmlHeaderFooter()
HtmlFragment = "<center><i>{Seite} von {gesamtseiten}<i></center>",
MaxHeight = 20,
BaseUrl = new Uri(@"C:\assets\images\").AbsoluteUri

Um zu beginnen, müssen Sie zunächst eine Instanz der ChromePdfRenderer-Klasse 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 mit der Klasse HtmlHeaderFooter, in der Sie die MaxHeight, den HTML-Inhalt für die Fußzeile (der in unserem Fall die Seitenzahl enthält) und festlegen, ob eine Trennlinie zur Abgrenzung gezeichnet werden soll. Der Footer ist so gestaltet, dass er zentrierte Seiteninformationen anzeigt.

Um eine Überlappung zwischen der Fußzeile und dem Hauptinhalt der PDF zu vermeiden, setzen Sie einen unteren Rand mit der MarginBottom-Eigenschaft. Erstellen Sie in ähnlicher Weise eine Kopfzeile, die ein Bild (wie ein Logo) enthält, indem Sie erneut die HtmlHeaderFooter-Klasse verwenden. Hier haben wir eine BaseUrl für das Verzeichnis eingerichtet, das Ihr Bild-Asset enthält, um eine ordnungsgemäße Bildauflösung während des Renderings zu ermöglichen.

Verwenden Sie schließlich die MarginTop-Eigenschaft, um einen oberen Rand festzulegen, der eine Überlappung zwischen dem Kopfzeilen und dem Inhalt verhindert. Dieses Beispiel zeigt, wie einfach es ist, benutzerdefinierte HTML-Header und -Footer in Ihre PDF-Dokumente mit IronPDF zu implementieren. Klicken Sie hier, um den Leitfaden anzusehen, einschließlich Beispielen, Beispielcode und Dateien.