Telerik Blazor PDF Görüntüleyici Özellikleri ile Uygulamanizi Geliştirin

Telerik UI ile IronPDF'yi Neden Birleştirmelisiniz?

Telerik Blazor PDF görüntüleyici, metin arama, yakınlaştırma kontrolleri ve özelleştirilebilir bir araç çubuğu gibi özelliklerle PDF'leri görüntülemede üstündür. Ancak, HTML'den, URL'lerden veya Razor görünümlerinden dinamik olarak PDF dosyaları oluşturmanız gerektiğinde, IronPDF, Telerik UI'nin belge işleme kütüphanelerine dahil etmediği Chrome tabanlı render motorunu sağlar. IronPDF'nin Chrome render motoru, web içeriğini PDF'ye dönüştürürken piksel hassasiyetini sağlar.

Bu hibrit yaklaşım, IronPDF'nin üstün PDF oluşturma yeteneklerini kullanmanıza olanak tanırken, görüntüleme için Telerik'in cilalı UI bileşenlerini kullanmanıza olanak tanır. Özellikle, eski web projelerini modernize ederken veya hem oluşturma hem de görüntüleme özellikleri gerektiren yeni Blazor PDF çözümleri oluştururken iyi çalışır. Başlıklar ve altbilgiler ekleyebilir, filigranlar ekleyebilir ve oluşturulan PDF'lerinize özel kenar boşlukları belirleyebilirsiniz.

Projeyi Nasıl Kurarsınız ve Ayarlarsınız?

Blazor projenizde her iki kütüphaneyi ayarlamak için gerekli NuGet paketlerini kurmanız gerekmektedir. Ya Paket Yöneticisi Konsolu'nu ya da .NET CLI'yi kullanabilirsiniz. IronPDF, NuGet.org üzerinde mevcuttur ve .NET 10 ve sonraki sürümlerle çalışır. IronPDF NuGet kurulum kılavuzuna bakın.

Install-Package IronPdf
dotnet add package IronPdf

Install-Package IronPdf
dotnet add package IronPdf

Kurulumdan sonra, hizmetler eklemek için Program.cs'inizi yapılandırın:

builder.Services.AddTelerikBlazor();
builder.Services.AddSingleton<ChromePdfRenderer>();

builder.Services.AddTelerikBlazor();
builder.Services.AddSingleton<ChromePdfRenderer>();

Bu yapılandırma, Blazor için Telerik UI bileşenlerini ve IronPDF'nin render yeteneklerini uygulamanıza entegre eder. DevCraft suite kullanıcıları zaten Telerik ile tanıdık olanlar bu entegrasyonu kolay bulacaklardır. Daha karmaşık senaryolar için, async PDF oluşturmayı veya özel günlük yapılandırmalarını keşfetmek isteyebilirsiniz.

IronPDF ile Gösterim İçin PDF Belgeleri Nasıl Oluşturulur?

IronPDF, HTML içeriğini Telerik PDF görüntüleyicinin görüntüleyebileceği PDF dosyalarına dönüştürür. İşte HTML'den PDF nasıl oluşturulur ve görüntülemeye nasıl hazırlanır. HTML dizilerini PDF'ye dönüştürebilir veya HTML dosyalarını doğrudan render edebilirsiniz:

@page "/generate-pdf"
@inject ChromePdfRenderer Renderer
@code {
    private byte[] pdfData;
    private async Task GeneratePDF()
    {
        // Create PDF from HTML content
        var pdf = await Renderer.RenderHtmlAsPdfAsync(@"
            <h1>Invoice Report</h1>
            <table>
                <tr><td>Item</td><td>Amount</td></tr>
                <tr><td>Service</td><td>$100</td></tr>
            </table>");
        // Convert to byte array for Telerik viewer
        pdfData = pdf.BinaryData;
    }
}

@page "/generate-pdf"
@inject ChromePdfRenderer Renderer
@code {
    private byte[] pdfData;
    private async Task GeneratePDF()
    {
        // Create PDF from HTML content
        var pdf = await Renderer.RenderHtmlAsPdfAsync(@"
            <h1>Invoice Report</h1>
            <table>
                <tr><td>Item</td><td>Amount</td></tr>
                <tr><td>Service</td><td>$100</td></tr>
            </table>");
        // Convert to byte array for Telerik viewer
        pdfData = pdf.BinaryData;
    }
}

Imports System.Threading.Tasks
Imports Microsoft.AspNetCore.Components
Imports DinkToPdf

@page "/generate-pdf"
@inject ChromePdfRenderer Renderer

@code
    Private pdfData As Byte()

    Private Async Function GeneratePDF() As Task
        ' Create PDF from HTML content
        Dim pdf = Await Renderer.RenderHtmlAsPdfAsync("
            <h1>Invoice Report</h1>
            <table>
                <tr><td>Item</td><td>Amount</td></tr>
                <tr><td>Service</td><td>$100</td></tr>
            </table>")
        ' Convert to byte array for Telerik viewer
        pdfData = pdf.BinaryData
    End Function
End Code

Bu kod, görüntülemeye hazır bir PDF belgesi oluşturur. IronPDF'nin render motoru, HTML, CSS ve JavaScript içeriğinizin mükemmel bir şekilde render edilmesini sağlar ve kullanıcılar PDF görüntüleyici bileşeni aracılığıyla baktığında tüm biçimlendirmeyi korur. PDF'lere görüntüleri de ekleyebilir, Azure Blob Storage'dan resim gömebilir veya resimleri doğrudan PDF'ye dönüştürebilirsiniz. Neler mümkün olduğunu anlamak için IronPDF özelliklerini tam kapsamda keşfedin.

ChromePdfRenderer sınıfı geniş özelleştirme seçenekleri sunar. Sayfa boyutunu, kenar boşluklarını, başlıkları, altbilgileri belirleyebilir ve baskı medyası için özel CSS tanımlayabilirsiniz -- bunlar Telerik'in görüntüleme yeteneklerini tamamlayan özelliklerdir. Gelişmiş senaryolar için sayfa kırılma kontrolünü, viewport yapılandırmasını veya doğru varlık yüklemesi için temel URL ayarlarını keşfedin.

Telerik'in PDF Görüntüleyici Blazor Bileşenini Nasıl Entegre Edersiniz?

IronPDF ile PDF'nizi oluşturduktan sonra, Telerik Blazor PDF görüntüleyici ile görüntülemek oldukça kolaydır:

<TelerikPdfViewer Data="@pdfData"
                  Height="600px"
                  Zoom="1.0">
    <PdfViewerToolBar>
        <PdfViewerToolBarPagerTool />
        <PdfViewerToolBarZoomTool />
        <PdfViewerToolBarSearchTool />
        <PdfViewerToolBarDownloadTool />
    </PdfViewerToolBar>
</TelerikPdfViewer>

<TelerikPdfViewer Data="@pdfData"
                  Height="600px"
                  Zoom="1.0">
    <PdfViewerToolBar>
        <PdfViewerToolBarPagerTool />
        <PdfViewerToolBarZoomTool />
        <PdfViewerToolBarSearchTool />
        <PdfViewerToolBarDownloadTool />
    </PdfViewerToolBar>
</TelerikPdfViewer>

Bu bileşen yapılandırması, PDF'lerle etkileşim için gerekli araçları sağlar. Araç çubuğunda gezinme düğmeleri, yakınlaştırma seviyesi kontrolleri ve arama işlevselliği bulunmaktadır. Uygulama ihtiyaçlarınıza göre hangi araçların görüneceğini özelleştirebilirsiniz. Data özelliği gösterilecek PDF değerini sağlar. Gelişmiş işlevsellik için, metin çıkarımı veya PDF arama yeteneklerini uygulamak isteyebilirsiniz.

Telerik UI for Blazor görüntüleyici, tarayıcı uyumluluğunu otomatik olarak halleder ve modern tarayıcılar üzerinden eklentisiz çalışır. .NET MAUI kullanan masaüstü uygulamaları için her iki kütüphane de çapraz platform dağıtımını destekler, böylece web ve masaüstü platformları arasında tutarlı PDF deneyimleri oluşturabilirsiniz.

Bu Bileşenler Nasıl Birlikte Çalışır?

Entegrasyon, IronPDF'un PDF oluşturma yükünü üstlendiği yerlerde etkili bir iş akışı yaratır, Telerik ise cilalı görüntüleme deneyimi sunar. HTML'den dinamik içerikle PDF oluşturmayı gösteren tam bir örnek işte burada:

@page "/document-viewer"
@inject ChromePdfRenderer Renderer
<div class="row">
    <div class="col-md-12">
        <TelerikButton OnClick="@LoadDocument">
            Load PDF Document
        </TelerikButton>
        @if (documentData != null)
        {
            <TelerikPdfViewer Data="@documentData"
                            Height="800px">
            </TelerikPdfViewer>
        }
    </div>
</div>
@code {
    private byte[] documentData;
    private async Task LoadDocument()
    {
        // Generate dynamic PDF content
        var html = await GenerateReportHtml();
        var pdf = await Renderer.RenderHtmlAsPdfAsync(html);
        documentData = pdf.BinaryData;
    }
    private async Task<string> GenerateReportHtml()
    {
        // Build HTML dynamically
        return "<h1>Dynamic Report</h1><p>Report content here</p>";
    }
}

@page "/document-viewer"
@inject ChromePdfRenderer Renderer
<div class="row">
    <div class="col-md-12">
        <TelerikButton OnClick="@LoadDocument">
            Load PDF Document
        </TelerikButton>
        @if (documentData != null)
        {
            <TelerikPdfViewer Data="@documentData"
                            Height="800px">
            </TelerikPdfViewer>
        }
    </div>
</div>
@code {
    private byte[] documentData;
    private async Task LoadDocument()
    {
        // Generate dynamic PDF content
        var html = await GenerateReportHtml();
        var pdf = await Renderer.RenderHtmlAsPdfAsync(html);
        documentData = pdf.BinaryData;
    }
    private async Task<string> GenerateReportHtml()
    {
        // Build HTML dynamically
        return "<h1>Dynamic Report</h1><p>Report content here</p>";
    }
}

@page "/document-viewer"
@inject ChromePdfRenderer Renderer
<div class="row">
    <div class="col-md-12">
        <TelerikButton OnClick="@LoadDocument">
            Load PDF Document
        </TelerikButton>
        @If documentData IsNot Nothing Then
            <TelerikPdfViewer Data="@documentData"
                              Height="800px">
            </TelerikPdfViewer>
        End If
    </div>
</div>
@code
    Private documentData As Byte()
    
    Private Async Function LoadDocument() As Task
        ' Generate dynamic PDF content
        Dim html = Await GenerateReportHtml()
        Dim pdf = Await Renderer.RenderHtmlAsPdfAsync(html)
        documentData = pdf.BinaryData
    End Function

    Private Async Function GenerateReportHtml() As Task(Of String)
        ' Build HTML dynamically
        Return "<h1>Dynamic Report</h1><p>Report content here</p>"
    End Function
End Code

Neden Bu Hibrit Yaklaşımı Seçmelisiniz?

Telerik UI for Blazor mükemmel görüntüleme yetenekleri sunarken, IronPDF'un PDF oluşturma gücüne denk değildir. IronPDF'un Chrome tabanlı motoru, daha basit belge işleme kütüphanelerinin zorlanabileceği karmaşık düzenleri, formları ve stilli içerikleri işler. Her ikisini birleştirerek, profesyonel PDF oluşturma yanında profesyonel bir görüntüleme arayüzü elde edersiniz.

Bu yaklaşım, farklı görüntüleme seçeneklerini keşfetmesi gereken geliştiricilere esneklik sağlar. Telerik görüntüleyiciyi daha basit bir iframe ekranı ile değiştirebilir veya IronPDF'un oluşturma yeteneklerini koruyarak özel görüntüleme bileşenleri geliştirebilirsiniz. Çözüm, basit HTML'den PDF'ye dönüşümlerden karmaşık rapor oluşturma senaryolarına kadar iyi ölçeklenir. IronPDF ana sayfası, tüm desteklenen kullanım senaryolarının bir özetini sağlar.

Uygulama için Sonraki Adımlar Nelerdir?

IronPDF ile bir Telerik Blazor PDF görüntüleyici oluşturmak, her iki dünyanın en iyisini verir: etkili PDF oluşturma ve cilalı görüntüleme deneyimleri. Bu kombinasyon, eski web projelerini modernize edebilecek ve modern uygulama gereksinimlerini karşılayabilecek eksiksiz PDF çözümleri oluşturmanıza yardımcı olur. Windows, Linux veya macOS üzerinde dağıtmakta olun, her iki kütüphane de çapraz platform desteği sağlar.

Belge yönetim sistemleri, raporlama araçları veya PDF yeteneklerine ihtiyaç duyan herhangi bir Blazor uygulaması oluştururken, bu entegrasyon projelerinizin talep ettiği işlevsellik ve kullanıcı deneyimini sağlar. Basit fatura oluşturma işleminden karmaşık rapor üretimine kadar, birleşik çözüm çeşitli gereksinimleri etkili bir şekilde karşılar.

Bu çözümü uygulamaya hazır mısınız? Ücretsiz IronPDF deneme sürümünüzü başlatın ve Telerik UI for Blazor projelerinizde nasıl iyileştirme sağladığını keşfedin. Üretim kullanımı için, ihtiyaçlarınız için en uygun olanını bulmak için IronPDF lisanslama seçeneklerini inceleyin.