使用IronPDF在C#中將PDF轉換為字節陣列

為什麼將Telerik UI與IronPDF結合？

Telerik Blazor PDF查看器在顯示PDF時表現出色，擁有搜尋文字、縮放控制及可自定義工具欄等功能。 但是，當您需要從HTML、URL或Razor視圖動態生成PDF文件時，IronPDF提供了Telerik UI的文件處理程式庫中未包含的Chrome驅動渲染引擎。 IronPDF的Chrome渲染引擎確保在將網頁內容轉換為PDF時的像素級精確度。

這種混合方法允許您使用IronPDF的卓越PDF建立功能，同時使用Telerik的精緻UI元件進行顯示。 當現代化傳統網頁專案或建立需要同時生成和查看功能的新Blazor PDF解決方案時，它特別有效。 您還可以新增頁首和頁尾、應用浮水印，並在顯示前設置自訂邊距至生PDF中。

您如何安裝和設置專案？

在您的Blazor專案中設置這兩個程式庫需要安裝必要的NuGet封裝。 您可以使用封裝管理器控制台或.NET CLI。 IronPDF可以在NuGet.org找到，並支持.NET 10及更高版本。 有關詳細資訊，請參閱IronPDF NuGet安裝指南。

Install-Package IronPdf

安裝後，配置您的Program.cs以新增服務：

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

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

此配置使您的應用程式能夠使用Telerik UI for Blazor元件和IronPDF的渲染功能。 已經熟悉Telerik的DevCraft套件使用者會發現這一整合簡單明瞭。 對於更複雜的場景，您可能想探索非同步PDF生成或自定義日誌配置。

您如何使用IronPDF建立用於顯示的PDF文件？

IronPDF將HTML內容轉換為Telerik PDF查看器可以顯示的PDF文件。 以下是如何從HTML生成PDF並準備顯示的方法。 您還可以將HTML字串轉換為PDF或直接渲染HTML文件：

@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

此程式碼生成一個隨時可顯示的PDF文件。 IronPDF的渲染引擎確保您的HTML、CSS和JavaScript內容完美渲染，當使用者通過PDF查看器物件查看時，保持所有格式。 您還可以將影像新增到PDF中，從Azure Blob Storage嵌入影像，或將影像直接轉換為PDF。 探索IronPDF全方位功能以了解可能性。

ChromePdfRenderer類提供廣泛的自定義選項。 您可以設置頁面大小、邊距、頁首、頁尾，並為印刷媒體定義自定義CSS - 這些特徵補充了Telerik的查看功能。 針對高級場景，探索頁面中斷控制、視口配置或載入資產所需的基本URL設置。

您如何整合Telerik的PDF查看器Blazor元件？

一旦您使用IronPDF生成了PDF，使用Telerik Blazor PDF查看器顯示就再簡單不過了：

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

該元件配置提供與PDF交互的基本工具。 工具欄包括導航按鈕、縮放比例控制、搜尋功能。 您可以根據應用需求自訂顯示哪些工具。 Data屬性提供要顯示的PDF值。 為提高功能，您可能想要實施文字提取或PDF搜尋功能。

Telerik UI for Blazor查看器自動處理瀏覽器相容性，在現代瀏覽器中不需要外掛程式即可工作。 對於使用.NET MAUI的桌面應用程式，這兩個程式庫都支持跨平台部署，使您能夠跨網頁和平臺建立一致的PDF體驗。

這些元件如何協作運作？

整合建立了一個有效的工作流程，IronPDF負責PDF建立的繁重工作，而Telerik提供精緻的查看體驗。 這裡是一個完整的範例，展示了如何從帶有動態內容的HTML建立PDF：

@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

為什麼選擇這種混合方法？

儘管Telerik UI for Blazor提供優秀的查看能力，但它無法比擬IronPDF的PDF生成能力。 IronPDF的Chrome驅動引擎可以渲染複雜的佈局、表單和樣式內容，而簡單的文件處理程式庫可能會困難。 通過結合兩者，您可以獲得專業的PDF生成與專業的查看介面相結合。

這種方法為需要探索不同查看選項的開發者提供靈活性。 您可以用更簡單的iframe顯示或開發自訂查看元件取代Telerik查看器，同時保留IronPDF的生成能力。 該解決方案從簡單的HTML到PDF轉換到複雜的報告生成場景皆可擴展。 IronPDF主頁面提供所有支持用例的概述。

實作的下一步是什麼？

使用IronPDF建立一個Telerik Blazor PDF查看器讓您獲得最佳的效果: 有效的PDF生成與精緻的查看體驗。 這一結合幫助您構建完整的PDF解決方案，可以現代化傳統網路專案並滿足現代應用需求。 無論是在Windows，Linux還是macOS部署，這兩個程式庫都提供跨平台支援。

無論您是構建文件管理系統、報告工具或任何需要PDF功能的Blazor應用程式，這一整合提供了您的專案所需的功能和使用者體驗。 從簡單的發票生成到複雜的報告生成，綜合解決方案有效地處理各種需求。

準備好實施這一解決方案了嗎？ 開始您的免費IronPDF試用以探索它如何改善您的Telerik UI for Blazor專案。 對於生產使用，請查看IronPDF授權選項以找到適合您需求的選項。