IronPDF で Telerik Blazor PDF ビューアを作成する

Telerik UI と IronPDF を組み合わせる理由は何ですか?

Telerik Blazor PDF ビューアは、テキスト検索、ズーム コントロール、カスタマイズ可能なツールバーなどの機能を備え、PDF の表示に優れています。 ただし、HTML、URL、または Razor ビューから PDF ファイルを動的に生成する必要がある場合、IronPDF は、Telerik UI のドキュメント処理ライブラリに含まれていない Chrome ベースのレンダリング エンジンを提供します。

このハイブリッド アプローチにより、IronPDF の優れた PDF 作成機能を活用しながら、Telerik の洗練された UI コンポーネントを表示に使用できます。 これは、従来の Web プロジェクトを最新化する必要がある場合や、生成機能と表示機能の両方を必要とする新しい Blazor PDF ファイル ソリューションを作成する必要がある場合に特に便利です。 さらに、そのシンプルさにより、簡単に選択できます。

両方のライブラリを使用して Blazor プロジェクトをセットアップするにはどうすればよいですか?

Blazor プロジェクトで両方のライブラリを設定するのは簡単です。 まず、NuGet 経由で必要なパッケージをインストールします。

Install-Package IronPDF Telerik.UI.for.Blazor

インストール後、 Program.csを構成してサービスを追加します。

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

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

IRON VB CONVERTER ERROR developers@ironsoftware.com

この構成により、Blazor コンポーネント用の Telerik UI とアプリケーション内の IronPDF のレンダリング機能の両方が有効になります。 Telerik にすでに精通している DevCraft スイートのユーザーにとっては、この統合はシームレスです。 結果、完全に構成されたシステムが完成します。

IronPDF for Display を使用して PDF ドキュメントを作成するにはどうすればよいですか?

IronPDF は、HTML コンテンツを Telerik PDF ビューアで表示できる PDF ファイルに変換します。 HTML から PDF を生成し、表示できるように準備する方法は次のとおりです。

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

IRON VB CONVERTER ERROR developers@ironsoftware.com

このコードは、表示可能な PDF ドキュメントを生成します。 IronPDF のレンダリング エンジンにより、HTML、CSS、さらには JavaScript コンテンツが完璧にレンダリングされ、ユーザーが PDF ビューア コンポーネントを通じて表示するときにすべての書式が維持されます。

ChromePdfRendererクラスは、広範なカスタマイズ オプションを提供します。 ページ サイズ、余白、ヘッダー、フッターを設定できるほか、印刷メディア用のカスタム CSS を定義することもできます。これらの機能は Telerik の表示機能を完璧に補完します。 これは、レンダラーにデータを送信する方法でもあります。

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>

IRON VB CONVERTER ERROR developers@ironsoftware.com

このコンポーネント構成は、PDF を操作するための重要なツールを提供します。 ツールバーには、ナビゲーション ボタン、ズーム レベル コントロール、検索機能が含まれています。 アプリケーションのニーズに応じて、表示されるツールをカスタマイズできます。 データへの参照はData属性を通じて行われ、PDF 値が提供されます。

Telerik UI for Blazor ビューアは、ブラウザの互換性を自動的に処理し、プラグインなしで最新のブラウザで動作します。 .NET MAUI を使用するデスクトップ アプリケーションの場合、両方のライブラリがクロスプラットフォーム展開をサポートしているため、Web プラットフォームとデスクトップ プラットフォーム間で一貫した PDF エクスペリエンスを作成できます。 この機能はビューアにネイティブに備わっています。

これらのコンポーネントはどのように連携するのでしょうか?

この統合により、IronPDF が PDF 作成の面倒な作業を処理し、Telerik が洗練された表示エクスペリエンスを提供する強力なワークフローが生まれます。 以下は完全な例です：

@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 your 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 your HTML dynamically
        return "<h1>Dynamic Report</h1><p>Report content here</p>";
    }
}

IRON VB CONVERTER ERROR developers@ironsoftware.com

このハイブリッドアプローチを選択する理由は何ですか?

Telerik UI for Blazor は優れた表示機能を提供しますが、IronPDF の PDF 生成機能には匹敵しません。 IronPDF の Chrome ベースのエンジンは、より単純なドキュメント処理ライブラリでは処理が難しい複雑なレイアウト、フォーム、スタイル設定されたコンテンツをレンダリングします。 両方を組み合わせることで、プロフェッショナルな表示インターフェースを備えたエンタープライズ グレードの PDF 生成が可能になります。

このアプローチは、さまざまな表示オプションを検討する必要のある開発者にも柔軟性を提供します。 Telerik ビューアをよりシンプルな iframe 表示に置き換えたり、IronPDF の生成機能を維持しながらカスタム表示コンポーネントを開発したりすることもできます。

結論

IronPDF を使用して Telerik Blazor PDF ビューアを作成すると、強力な PDF 生成と洗練された表示エクスペリエンスという両方のメリットが得られます。 この組み合わせにより、開発者は、従来の Web プロジェクトを最新化し、最新のアプリケーション要件を満たす包括的な PDF ソリューションを構築できます。

ドキュメント管理システム、レポート ツール、または PDF 機能を必要とする Blazor アプリケーションを構築する場合でも、この統合により、プロジェクトに必要な機能とユーザー エクスペリエンスが提供されます。

このソリューションを実装する準備はできていますか? 無料の IronPDF トライアルを開始して、 Blazor プロジェクト用の Telerik UI がどのように強化されるかを確認してください。 実稼働環境での使用の場合は、ライセンス オプションを確認して、ニーズに最適なものを見つけてください。