Ajouter des en-têtes et pieds de page HTML

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

Ajouter des en-têtes et pieds de page HTML

Les en-têtes et pieds de page HTML fournissent une méthode flexible pour créer des en-têtes et pieds de page dynamiques pour vos documents PDF. En ajoutant des en-têtes et pieds de page grâce à cette méthode, les développeurs ont un contrôle total sur l'apparence de leurs en-têtes et pieds de page, car ils sont rendus comme des documents HTML indépendants capables de contenir leurs propres ressources et feuilles de style.

Étapes pour ajouter des en-têtes et pieds de page HTML personnalisés dans un PDF avec IronPDF

Pour commencer, vous devez d'abord créer une instance de la classe ChromePdfRenderer, qui gère le rendu du contenu HTML en un document PDF pixel-perfect.

Ensuite, définissez un pied de page en utilisant la classe HtmlHeaderFooter, dans laquelle vous spécifiez MaxHeight, le contenu HTML pour le pied de page (qui dans notre cas inclut la numérotation des pages), et l'URL de base pour la résolution d'image. Le pied de page est stylisé pour afficher des informations centrées sur la page.

Pour éviter le chevauchement entre le pied de page et le contenu principal du PDF, définissez une marge inférieure à l'aide de la propriété MarginBottom. De même, créez un en-tête qui inclut une image (comme un logo) en utilisant la classe HtmlHeaderFooter. Ici, nous avons configuré un BaseUrl vers le répertoire contenant votre ressource d'image, permettant une résolution correcte de l'image lors du rendu.

Enfin, utilisez la propriété MarginTop pour définir une marge supérieure qui empêche le chevauchement entre l'en-tête et le contenu. Cet exemple montre à quel point il est facile de mettre en œuvre des en-têtes et pieds de page HTML personnalisés dans vos documents PDF avec IronPDF.

Apprenez à ajouter des en-têtes et pieds de page HTML aux PDF avec IronPDF

Voir sur GitHub