Añadir encabezados y pies de página HTML

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

Añadir encabezados y pies de página HTML

Los encabezados y pies de página HTML proporcionan un método flexible para crear encabezados y pies de página dinámicos para tus documentos PDF. Al agregar encabezados y pies de página mediante este método, los desarrolladores tienen control total sobre cómo se ven sus encabezados y pies de página, ya que se renderizan como documentos HTML independientes capaces de contener sus propios recursos y hojas de estilo.

Pasos para agregar encabezados y pies de página HTML personalizados en un PDF con IronPDF

var renderer = new IronPdf.ChromePdfRenderer();
renderer.RenderingOptions.HtmlFooter = new HtmlHeaderFooter()
HtmlFragment = "<center><i>{página} de {total-páginas}<i></center>"
MaxHeight = 20,
BaseUrl = new Uri(@"C:\assets\images\").AbsoluteUri

Para comenzar, primero necesitas crear una instancia de la clase ChromePdfRenderer, que se encarga de procesar el contenido HTML en un documento PDF con precisión de píxeles.

A continuación, define un pie de página utilizando la clase HtmlHeaderFooter, donde especificas la MaxHeight, el contenido HTML para el pie de página (que en nuestro caso incluye la numeración de páginas), y si deseas dibujar una línea divisoria para la separación. El pie de página está diseñado para mostrar información centrada de la página.

Para evitar la superposición entre el pie de página y el contenido principal del PDF, establezca un margen inferior utilizando la propiedad MarginBottom. De manera similar, crea un encabezado que incluya una imagen (como un logotipo) utilizando nuevamente la clase HtmlHeaderFooter. Aquí hemos configurado un BaseUrl al directorio que contiene tu recurso de imagen, permitiendo una correcta resolución de la imagen durante el renderizado.

Finalmente, use la propiedad MarginTop para establecer un margen superior que evite la superposición entre el encabezado y el contenido. Este ejemplo demuestra lo fácil que es implementar encabezados y pies de página HTML personalizados en sus documentos PDF con IronPDF. Haga clic aquí para ver la Guía de Cómo Hacer, que incluye ejemplos, código de muestra y archivos.