HTML-Köpfe- und -füße 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-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 ChromePdfRenderer-Klasse erstellen, die das Rendering des HTML-Inhalts in ein pixelgenaues PDF-Dokument übernimmt.

Als nächstes definieren Sie einen Footer mit der HtmlHeaderFooter-Klasse, in der Sie die MaxHeight, den HTML-Inhalt für den Footer (der in unserem Fall die Seitenzählung enthält) und die Basis-URL für die Bildauflösung angeben. Der Footer wird so gestaltet, dass er zentrierte Seiteninformationen anzeigt.

Um ein Überlappen zwischen dem Footer und dem Hauptinhalt des PDFs zu vermeiden, legen Sie einen unteren Rand mit der MarginBottom-Eigenschaft fest. Erstellen Sie auf ähnliche Weise einen Header, der ein Bild (wie ein Logo) enthält, indem Sie die HtmlHeaderFooter-Klasse verwenden. Hier haben wir eine BaseUrl auf das Verzeichnis eingerichtet, das Ihre Bildressource enthält, um eine ordnungsgemäße Bildauflösung beim Rendern zu ermöglichen.

Verwenden Sie schließlich die MarginTop-Eigenschaft, um einen oberen Rand festzulegen, der ein Überlappen 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.

Erfahren Sie, wie Sie HTML-Header und -Footer zu PDFs mit IronPDF hinzufügen

Auf GitHub ansehen

Code

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

ZIP herunterladen