Agregar Encabezados y Pies 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

Agregar Encabezados y Pies HTML

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

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

Para empezar, primero necesitas crear una instancia de la clase ChromePdfRenderer, que maneja la renderización de contenido HTML en un documento PDF con precisión de píxeles.

A continuación, define un pie de página usando la clase HtmlHeaderFooter, donde especificas el MaxHeight, contenido HTML para el pie de página (que en nuestro caso incluye la numeración de páginas) y la URL base para la resolución de imágenes. El pie de página está diseñado para mostrar la información de la página centrada.

Para evitar el solapamiento entre el pie de página y el contenido principal del PDF, establece un margen inferior usando la propiedad MarginBottom. De manera similar, crea un encabezado que incluya una imagen (como un logo) usando la clase HtmlHeaderFooter. Aquí hemos configurado un BaseUrl al directorio que contiene tu recurso de imagen, permitiendo una resolución adecuada de la imagen durante la renderización.

Finalmente, usa la propiedad MarginTop para establecer un margen superior que evite el solapamiento 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.

Aprenda a añadir encabezados y pies de página HTML a archivos PDF con IronPDF

Ver en GitHub