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

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

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

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

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

Blazor プロジェクトで両方のライブラリを設定するのは簡単です。 まず、NuGet 経由で必要なパッケージをインストールします。 詳細なインストール ガイドに従うか、 NuGet パッケージ マネージャーを使用することができます。

Install-Package IronPDF Telerik.UI.for.Blazor

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

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

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

この構成により、Blazor コンポーネント用の Telerik UI とアプリケーション内の IronPDF のレンダリング機能の両方が有効になります。 Telerik にすでに精通しているDevCraftスイートのユーザーにとっては、この統合はスムーズに行えます。 結果、完全に構成されたシステムが完成します。 より複雑なシナリオの場合は、非同期 PDF 生成またはカスタム ログ構成を検討することをお勧めします。

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

IronPDF は、HTML コンテンツを Telerik PDF ビューアで表示できる PDF ファイルに変換します。 HTML から PDF を生成し、表示できるように準備する方法を説明します。 HTML 文字列を PDF に変換したり、 HTML ファイルをレンダリングしたり、さらにはMarkdown を 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;
    }
}

このコードは、表示可能な PDF ドキュメントを生成します。 IronPDF のレンダリング エンジンにより、HTML、CSS、さらには JavaScript コンテンツが完璧にレンダリングされ、ユーザーが PDF ビューア コンポーネントを通じて表示するときにすべての書式が維持されます。 また、 PDF に画像を追加したり、 Azure Blob Storage から画像を埋め込んだり、画像を直接 PDF に変換したりすることもできます。

ChromePdfRendererクラスは、広範なカスタマイズ オプションを提供します。 ページ サイズ、余白、ヘッダー、フッターを設定したり、印刷メディア用のカスタム CSS を定義したりすることもできます。これらの機能は Telerik の表示機能を完璧に補完します。 高度なシナリオでは、ページ区切りの制御、ビューポートの構成、またはベース URL 設定を調べて、アセットを適切に読み込みます。

Telerik の PDF ビューアー Blazor コンポーネントをどのように統合できますか?

IronPDF で PDF を生成したら、Telerik Blazor PDF ビューアで簡単に表示できます。 クロスプラットフォームのシナリオでは、 MAUI アプリケーションで 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 を使用するデスクトップ アプリケーションの場合、両方のライブラリがクロスプラットフォーム展開をサポートしているため、Web プラットフォームとデスクトップ プラットフォーム間で一貫した PDF エクスペリエンスを作成できます。 この機能はビューアにネイティブに備わっています。 柔軟性を高めるために、 PDF をさまざまな形式でエクスポートしたり、 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 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>";
    }
}

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

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

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

実装に向けた次のステップは何ですか?

IronPDF を使用して Telerik Blazor PDF ビューアを作成すると、効率的な PDF 生成と洗練された表示エクスペリエンスという両方のメリットが得られます。 この組み合わせにより、従来の Web プロジェクトを最新化し、最新のアプリケーション要件を満たす完全な PDF ソリューションを構築できます。 Windows 、 Linux 、 macOS のいずれのデプロイメントでも、両方のライブラリがクロスプラットフォーム サポートを提供します。

ドキュメント管理システム、レポート ツール、または PDF 機能を必要とする Blazor アプリケーションを構築する場合でも、この統合により、プロジェクトに必要な機能とユーザー エクスペリエンスが提供されます。 シンプルな請求書生成から複雑なXML から PDF への変換まで、統合ソリューションは多様な要件を効果的に処理します。

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