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

İçindekiler Dizini Oluşturmak için Hangi Koda İ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 gelişmiş senaryolar için, içindekiler dizinini başka rendering seçenekleri ile 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 dizini, 'h1', 'h2', 'h3', 'h4', 'h5' ve 'h6' her biri için bağlantılar ile oluşturulacaktır. Başlıklarınızın hiyerarşik yapısı korunur; alt başlıklar, ebeveyn bölümlerinin altında düzgün bir şekilde girintili olur. İçindekiler dizinine ek olarak PDF'nize sayfa numaraları ekleyebilir ve ek gezinme desteği sağlayabilirsiniz.

Birleştirilmiş veya bölünmüş PDF'lerle çalışırken, sayfa başvurularının doğru olmasını ve bağlantıların işlevsel olmasını sağlamak için belgenin tüm montajı tamamlandıktan sonra içindekiler dizinini oluşturun.

Farklı Başlık Düzeylerini Nasıl Stilize Edebilirim?

İçindekiler dizininde H1 başlığına farklı stil uygulamak için '#ironpdf-toc ul li.h1' seçicisini kullanın. Her başlık için stil değişiklikleri yapmak için 'h1' yerine 'h2', 'h3', ...'h6' koyun.

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

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

'#ironpdf-toc li .title' ve '#ironpdf-toc li .page' seçicileri ile, içindekiler tablosunun yazı tipi ailesi değiştirilebilir. Bunu yapmak için, başlık için eğik yazı tipi kullanın ve Eduardo Tunni tarafından tasarlanmış özel 'Lemon' yazı tipini kullanmak için @font-face özelliğini kullanın.

• 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 Edebilirim?

Girinti, :root seçicisi kullanılarak kontrol edilebilir. Bu değer, içindekiler dizininde her başlık seviyesi için girinti miktarını belirler (h1, h2, ...). Gerekli görüldüğünde artırılabilir veya değeri 0 olan bir girinti olmadan bırakılabilir.

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

Dot Çizgilerini Nasıl Kaldırırım veya Özelleştiririm?

Başlık başlığı ve sayfa numarası arasındaki noktalı çizgileri kaldırmak için, ::after seçicisinin arka plan resmini değiştirin. Orijinal stilde, ikinci parametre "currentcolor 1px"'dir. Çizgileri kaldırmak için bunu "transparent 1px" olarak değiştirin. Bu seçicide, yeni stil eski stili tamamen geçersiz kılacağından diğer niteliklerin belirtilmesi ö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ı desenlerle özel lider çizgiler 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? Eğitim sayfamızı burada inceleyin: PDF'leri Dönüştürün