Jak dodać spis treści w języku C

Jakiego kodu potrzebuję, aby wygenerować spis treści?

: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")

W bardziej zaawansowanych scenariuszach można połączyć spis treści z innymi opcjami renderowania, aby tworzyć kompleksowe dokumenty PDF:

using IronPdf;

// Create renderer with multiple options
ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions = new ChromePdfRenderOptions
{
    // Enable table of contents with page numbers
    TableOfContents = TableOfContentsTypes.WithPageNumbers,

    // Add margins for better formatting
    MarginTop = 40,
    MarginBottom = 40,

    // Enable JavaScript for dynamic content
    EnableJavaScript = true,

    // Set paper orientation
    PaperOrientation = PdfPaperOrientation.Portrait,

    // Add first page number offset
    FirstPageNumber = 1
};

 // Convert HTML with multiple header levels
string htmlContent = @"
<h1>Introduction</h1>
<p>Welcome to our comprehensive guide...</p>

<h2>Chapter 1: Getting Started</h2>
<p>Let's begin with the basics...</p>

<h3>1.1 Prerequisites</h3>
<p>Before we start, ensure you have...</p>

<h2>Chapter 2: Advanced Topics</h2>
<p>Now let's explore more complex features...</p>
";

PdfDocument pdf = renderer.RenderHtmlAsPdf(htmlContent);
pdf.SaveAs("document-with-toc.pdf");

using IronPdf;

// Create renderer with multiple options
ChromePdfRenderer renderer = new ChromePdfRenderer();
renderer.RenderingOptions = new ChromePdfRenderOptions
{
    // Enable table of contents with page numbers
    TableOfContents = TableOfContentsTypes.WithPageNumbers,

    // Add margins for better formatting
    MarginTop = 40,
    MarginBottom = 40,

    // Enable JavaScript for dynamic content
    EnableJavaScript = true,

    // Set paper orientation
    PaperOrientation = PdfPaperOrientation.Portrait,

    // Add first page number offset
    FirstPageNumber = 1
};

 // Convert HTML with multiple header levels
string htmlContent = @"
<h1>Introduction</h1>
<p>Welcome to our comprehensive guide...</p>

<h2>Chapter 1: Getting Started</h2>
<p>Let's begin with the basics...</p>

<h3>1.1 Prerequisites</h3>
<p>Before we start, ensure you have...</p>

<h2>Chapter 2: Advanced Topics</h2>
<p>Now let's explore more complex features...</p>
";

PdfDocument pdf = renderer.RenderHtmlAsPdf(htmlContent);
pdf.SaveAs("document-with-toc.pdf");

Imports IronPdf

' Create renderer with multiple options
Dim renderer As New ChromePdfRenderer()
renderer.RenderingOptions = New ChromePdfRenderOptions With {
    ' Enable table of contents with page numbers
    .TableOfContents = TableOfContentsTypes.WithPageNumbers,

    ' Add margins for better formatting
    .MarginTop = 40,
    .MarginBottom = 40,

    ' Enable JavaScript for dynamic content
    .EnableJavaScript = True,

    ' Set paper orientation
    .PaperOrientation = PdfPaperOrientation.Portrait,

    ' Add first page number offset
    .FirstPageNumber = 1
}

' Convert HTML with multiple header levels
Dim htmlContent As String = "
<h1>Introduction</h1>
<p>Welcome to our comprehensive guide...</p>

<h2>Chapter 1: Getting Started</h2>
<p>Let's begin with the basics...</p>

<h3>1.1 Prerequisites</h3>
<p>Before we start, ensure you have...</p>

<h2>Chapter 2: Advanced Topics</h2>
<p>Now let's explore more complex features...</p>
"

Dim pdf As PdfDocument = renderer.RenderHtmlAsPdf(htmlContent)
pdf.SaveAs("document-with-toc.pdf")

Jak wygląda wygenerowany plik PDF?

Spis treści zostanie utworzony z hiperłączami do każdego z h1, h2, h3, h4, h5 oraz h6. Zachowana jest hierarchiczna struktura nagłówków, a podnagłówki są odpowiednio wcięte pod sekcjami nadrzędnymi. Możesz również dodać numery stron do pliku PDF, aby ułatwić nawigację obok spisu treści.

W przypadku pracy z połączonymi lub podzielonymi plikami PDF należy wygenerować spis treści po zakończeniu montażu dokumentu, aby zapewnić dokładne odniesienia do stron i działające hiperłącza.

Jak sformatować różne poziomy nagłówków?

Użyj selektora #IronPDF-toc ul li.h1, aby zastosować inne formatowanie do nagłówka H1 w spisie treści. Zastąp h1 przez h2 aż do h6, aby zmienić styl każdego z nagłówków.

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

Jak zmienić rodzinę czcionek?

W przypadku selektorów zarówno "#IronPDF-toc li .title", jak i "#IronPDF-toc li .page' możliwe jest nadpisanie rodziny czcionek spisu treści. W tym celu należy użyć czcionki kursywnej w tytułe oraz atrybutu @font-face, aby zastosować niestandardową czcionkę "Lemon" zaprojektowaną przez Eduardo Tunni.

• 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;
 }

Jak kontrolować wcięcia?

Wcięcia można kontrolować za pomocą selektora `. Ta wartość określa wielkość wcięcia dla każdego poziomu nagłówka (h1,h2`, ...) w spisie treści. W razie potrzeby można ją zwiększyć lub nie stosować wcięcia, ustawiając wartość na 0.

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

Jak usunąć lub dostosować linie kropkowane?

Aby usunąć kropkowane linie między tytułem nagłówka a numerem strony, zmodyfikuj obraz tła selektora ``. W oryginalnym stylu drugim parametrem jest "currentcolor 1px". Zmień to na "transparent 1px", aby usunąć kropki. Ważne jest również określenie innych atrybutów, ponieważ w tym selektorze nowy styl całkowicie zastąpi stary, a nie tylko go uzupełni.

 #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;
 }

Aby uzyskać bardziej zaawansowane opcje stylizacji, utwórz niestandardowe linie przewodnie przy użyciu różnych wzorów:

/* Dashed line leader */
#ironpdf-toc li::after {
    background-image: linear-gradient(to right, currentcolor 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: bottom;
}

/* Solid line leader */
#ironpdf-toc li::after {
    border-bottom: 1px solid currentcolor;
    background: none;
}

Gotowy, aby sprawdzić, co jeszcze możesz zrobić? Sprawdź naszą stronę z samouczkami tutaj: Konwersja PDF-ów