Agregar Encabezados y Pies de Texto Clásicos
import {PdfDocument, AffixFonts} from "@ironsoftware/ironpdf";

(async () => {
    // Configure render options
    const options = {
        firstPageNumber: 1, // Use 2 if a cover page will be appended

        // Add a header to every page
        textHeader: {
            dividerLine: true,
            centerText: "{html-title}",
            font: AffixFonts.Helvetica, // Use the font name or font file path
            fontSize: 12,
        },

        // Add a footer
        textFooter: {
            dividerLine: true,
            leftText: "{date} {time}",
            rightText: "{page} of {total-pages}",
            font: AffixFonts.Arial, // Use the font name or font file path
            fontSize: 10,
        },
        // Mergeable fields are: {page} {total-pages} {url} {date} {time} {html-title} & {pdf-title}

        margin: {
            top: 25, // Create 25mm space for the header
            bottom: 25, // Create 25mm space for the footer
        },
    };

    // Define HTML content
    const htmlContent = "<h1>Hello IronPDF</h1>";

    // Render HTML content to a PDF with headers and footers
    const pdf = await PdfDocument.fromHtml(htmlContent, {renderOptions: options });

    // Save the PDF with headers and footers
    await pdf.saveAs("header_footer.pdf");
})();
npm i @ironsoftware/ironpdf
Agregar Encabezados y Pies de Texto Clásicos

Agregar Encabezados y Pies de Texto Clásicos

Aprende cómo agregar encabezados y pies de página a un documento PDF al renderizar contenido HTML.

Para incluir encabezados y pies de página, necesitas especificarlos en el objeto de opciones de renderizado. Define el contenido del encabezado con una línea divisoria, texto centrado que muestra el título HTML, configuraciones de fuente y tamaño de fuente. De manera similar, define el pie de página con la propiedad textFooter. Puedes utilizar campos como {page}, {total-pages}, {url}, {date}, {time}, {html-title}, y {pdf-title} para personalizar el contenido.

Personaliza los márgenes para acomodar adecuadamente el encabezado y el pie de página.

Utiliza el método PdfDocument.fromHtml para convertir tu contenido HTML en un PDF. Pasa el objeto renderOptions como una opción.

Para obtener documentación detallada sobre la creación de PDFs a partir de HTML, visita la Documentación de IronPDF.

El documento PDF resultante, completo con encabezados y pies de página, se guarda bajo el nombre "header_footer.pdf".

Explorar el código de ejemplo de Headers & Footers en GitHub
Ver en GitHub

¿Listo para empezar?

Versión:2026.11recién publicada