HTML-Kopf- und -Fußzeilen hinzufügen

VBC#

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
Dim 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, '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() With {
    .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

PM > Install-Package IronPdf

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 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 ChromePdfRenderer-Klasse erstellen, die das Rendern von HTML-Inhalten in ein pixelgenaues PDF-Dokument übernimmt.

Als Nächstes definieren Sie eine Fußzeile mit der HtmlHeaderFooter-Klasse, in der Sie den MaxHeight, den HTML-Inhalt für die Fußzeile (der in unserem Fall die Seitenzahlen 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 des PDFs zu vermeiden, legen Sie einen unteren Rand mit der MarginBottom-Eigenschaft fest. Erstellen Sie auf ähnliche Weise einen Kopfbereich, der ein Bild (wie ein Logo) enthält, indem Sie die HtmlHeaderFooter-Klasse verwenden. Hier haben wir einen BaseUrl auf das Verzeichnis eingerichtet, das Ihr Bildasset enthält, um die richtige 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 Header und dem 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