如何在 C# 中新增目錄

程式碼

:path=/static-assets/pdf/content-code-examples/how-to/table-of-contents.cs

using IronPdf;

// Instantiate Renderer
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Configure render options
renderer.RenderingOptions = new ChromePdfRenderOptions
{
    // Enable table of content feature
    TableOfContents = TableOfContentsTypes.WithPageNumbers,
};

PdfDocument pdf = renderer.RenderHtmlFileAsPdf("tableOfContent.html");

pdf.SaveAs("tableOfContents.pdf");

Imports IronPdf

' Instantiate Renderer
Private renderer As New ChromePdfRenderer()

' Configure render options
renderer.RenderingOptions = New ChromePdfRenderOptions With {.TableOfContents = TableOfContentsTypes.WithPageNumbers}

Dim pdf As PdfDocument = renderer.RenderHtmlFileAsPdf("tableOfContent.html")

pdf.SaveAs("tableOfContents.pdf")

輸出 PDF

目錄將包含指向"h1"、"h2"、"h3"、"h4"、"h5"和"h6"的超連結。

使用Merge方法對文件進行合併會破壞目錄中的超連結。

樣式標題

使用"#ironpdf-toc ul li.h1"選擇器，可以為目錄中的 H1 標題套用不同的樣式。 將"h1"替換為"h2"，直到"h6"，即可變更每個標題的樣式。

 #ironpdf-toc ul li.h1 {
    font-style: italic;
    font-weight: bold;
 }

字體系列

使用" #ironpdf-toc li .title "和" #ironpdf-toc li .page "選擇器，可以覆蓋目錄的字體系列。 為此，我們可以使用草書字體作為標題，並利用 @font-face 屬性來使用 Eduardo Tunni 設計的自訂" Lemon "字體。

• Download the Lemon font

 #ironpdf-toc li .title {
    order: 1;
    font-family: cursive;
 }

 @font-face {
    font-family: 'lemon';
    src: url('Lemon-Regular.ttf')
 }

 #ironpdf-toc li .page {
    order: 3;
    font-family: 'lemon', sans-serif;
 }

縮排

可以使用":root"選擇器控制縮排。 該值決定目錄中每個標題等級（h1、h2 等）的縮排量。 可以根據需要增加縮排值，或者也可以不縮排（值為 0）。

:root {
    --indent-length: 25px;
}

虛線

若要移除頁首標題和頁碼之間的虛線，請修改::after選擇器的背景影像。 在原始樣式中，第二個參數是"currentcolor 1px"。 將其變更為"透明 1px"即可去除點狀圖案。 指定其他屬性也很重要，因為在這個選擇器中，新的樣式將完全覆蓋舊的樣式，而不僅僅是對其進行添加。

 #ironpdf-toc li::after {
    background-image: radial-gradient(circle, transparent 1px, transparent 1.5px);
    background-position: bottom;
    background-size: 1ex 4.5px;
    background-repeat: space no-repeat;
    content: "";
    flex-grow: 1;
    height: 1em;
    order: 2;
 }

準備好看看您還能做些什麼嗎？ 請造訪我們的教學頁面：轉換 PDF 文件