Dodaj nagłówki i stopki 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

Install-Package IronPdf

Dodaj nagłówki i stopki HTML

Nagłówki i stopki HTML zapewniają elastyczną metodę tworzenia dynamicznych nagłówków i stopek dla dokumentów PDF. Dodając nagłówki i stopki w ten sposób, deweloperzy mają pełną kontrolę nad wyglądem swoich nagłówków i stopek, ponieważ są one renderowane jako niezależne dokumenty HTML zdolne do zawierania własnych zasobów i arkuszy stylów.

Kroki dodawania niestandardowych nagłówków i stopek HTML do PDF z IronPDF

Aby zacząć, najpierw trzeba utworzyć instancję klasy ChromePdfRenderer, która odpowiada za renderowanie treści HTML w dokumentach PDF o idealnej rozdzielczości.

Następnie, zdefiniuj stopkę używając klasy HtmlHeaderFooter, gdzie określasz MaxHeight, treść HTML dla stopki (która w naszym przypadku zawiera numerację stron) oraz bazowy URL dla rozdzielczości obrazu. Stopka jest wystylizowana, aby wyświetlać wycentrowane informacje o stronach.

Aby uniknąć nakładania się stopki z główną treścią PDF, ustaw dolny margines korzystając z właściwości MarginBottom. Podobnie, utwórz nagłówek zawierający obraz (np. logo) przy użyciu klasy HtmlHeaderFooter. Tutaj ustawiliśmy BaseUrl do katalogu zawierającego zasób obrazu, co pozwala na właściwą rozdzielczość obrazu podczas renderowania.

Na koniec, użyj właściwości MarginTop, aby ustawić górny margines, który zapobiega nakładaniu się nagłówka na treść. Ten przykład pokazuje, jak łatwo jest zaimplementować niestandardowe nagłówki i stopki HTML w dokumentach PDF z użyciem IronPDF.

Naucz się dodawać nagłówki i stopki HTML do dokumentów PDF za pomocą IronPDF

Zobacz na GitHubie