C#'da İçindekiler Tablosu Nasıl Eklenir

İçindekiler Tablosu Oluşturmak İçin Hangi Kodlara İhtiyacım Var?

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

Daha ileri senaryolar için işleme seçenekleri ile birlikte içindekiler tablosunu birleştirerek kapsamlı PDF belgeleri oluşturabilirsiniz:

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

Oluşturulan PDF Nasıl Görünür?

İçindekiler, h1, h2, h3, h4, h5 ve h6 öğelerinin her birine yönlendiren hiperlinkler içerecek şekilde oluşturulacaktır. Başlıklarınızın hiyerarşik yapısı korunur ve alt başlıklar, ebeveyn bölümlerinin altında düzgün şekilde girintili yerleştirilir. Ayrıca, içindekiler tablosunun yanında ek navigasyon desteği sağlamak için PDF'nize sayfa numaraları ekleyebilirsiniz.

Birleştirilmiş veya bölünmüş PDF'ler ile çalışırken, doğru sayfa referansları ve işlevsel hiperlinkler için belge montajı tamamlandıktan sonra içindekiler tablosunu oluşturun.

Farklı Başlık Seviyelerini Nasıl Şekillendiririm?

İçindekiler tablosundaki H1 başlığına farklı bir stil uygulamak için #IronPDF-toc ul li.h1 seçicisini kullanın. Her bir başlığın stilini değiştirmek için h1 ile h2 arasında h6'e kadar olan kısmı değiştirin.

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

Yazı Tipi Ailesini Nasıl Değiştiririm?

Hem '#IronPDF-toc li .title' hem de '#IronPDF-toc li .page' seçicileriyle, içindekiler tablosunun yazı tipi ailesini değiştirmek mümkündür. Bunu yapmak için başlık için el yazısı fontu kullanın ve özel 'Lemon' yazı tipi kullanmak için @font-face özelliğini kullanın, Eduardo Tunni tarafından tasarlandı.

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

Girintiyi Nasıl Kontrol Ederim?

Girintiler, ` seçicisi kullanılarak kontrol edilebilir. Bu değer, içindekiler tablosundaki her başlık seviyesi (h1,h2`, ...) için girinti miktarını belirler. Gerektiği kadar artırılabilir veya 0 değeriyle girinti olmayabilir.

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

Noktalı Çizgileri Nasıl Kaldırır veya Özelleştiririm?

Başlık ve sayfa numarası arasındaki noktalı çizgileri kaldırmak için, `` seçicisinin arka plan görüntüsünü değiştirin. Orijinal stilin ikinci parametresi "currentcolor 1px". Çizgileri kaldırmak için bunu "transparent 1px" olarak değiştirin. Bu seçicide, yeni stil eski stilin tamamen üstüne çıkacağı için diğer öznitelikleri de belirtmek önemlidir.

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

Daha gelişmiş stil seçenekleri için, farklı desenler kullanarak özel lider çizgileri oluşturun:

/* 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;
}

Başka neler yapabileceğinizi görmek için hazır mısınız? Buradaki öğretici sayfamıza göz atın: PDF'leri Dönüştürme