👁 Image
Syncfusion.Blazor.SfSmartPdfViewer 33.2.13

Syncfusion® Blazor SfSmartPdfViewer Component

This package contains the Blazor Smart PDF Viewer for Blazor applications. The new Blazor Smart PDF Viewer is an advanced component in Syncfusion’s Blazor suite that integrates artificial intelligence to enhance document interaction. It builds upon the core capabilities of the traditional PDF Viewer by introducing intelligent features such as Document Summarization with Q&A, Smart Redact, and Smart Fill, enabling users to manage documents more efficiently and securely.

👁 Blazor SfSmartPdfViewer

Key features

• Smart Redaction - Redacted sensitive information in PDF documents using AI-assistance.
• Smart Fill - Using AI to detect fields and populate them from clipboard or specified data, reducing manual input.
• Document Summarization - Provide the summary of the PDF document loaded into the viewer.
• Custom AI Service - Provide support to connect custom AI models in addition to the built‑in Azure OpenAI service.

Configuration

AI service setup

To use Smart Components, configure your AI services in Program.cs:

string azureOpenAIKey = "AZURE_OPENAI_KEY";
string azureOpenAIEndpoint = "AZURE_OPENAI_ENDPOINT";
string azureOpenAIModel = "AZURE_OPENAI_MODEL";
AzureOpenAIClient azureOpenAIClient = new AzureOpenAIClient(new Uri(azureOpenAiEndpoint), new ApiKeyCredential(azureOpenAiKey));
IChatClient azureOpenAiChatClient = azureOpenAIClient.GetChatClient(azureOpenAiModel).AsIChatClient();
builder.Services.AddChatClient(azureOpenAiChatClient);

builder.Services.AddSingleton<IChatInferenceService, SyncfusionAIService>();

Replace the placeholders with your actual API credentials from your AI service provider.

Add stylesheet and script references

• For Blazor Server App / Blazor Web App, add these to Components/App.razor or App.razor file.

<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.SfSmartPdfViewer/scripts/syncfusion-blazor-sfsmartpdfviewer.min.js" type="text/javascript"></script>

Quick start

Register the Syncfusion® Blazor services in the Program.cs file.

using Syncfusion.Blazor;

builder.Services.AddSignalR(o => { o.MaximumReceiveMessageSize = 102400000; });

builder.Services.AddMemoryCache();
// Add service to the container.
builder.Services.AddSyncfusionBlazor();

Smart Paste Button

@using Syncfusion.Blazor.SmartPdfViewer

<SfSmartPdfViewer Height="100%" Width="100%" DocumentPath="https://cdn.syncfusion.com/content/pdf/http-succinctly.pdf">
</SfSmartPdfViewer>

Documentation

• Getting Started with Blazor SfSmartPdfViewer in Web App Server
• API Reference

Help resources

• Component Overview
• Documentation
• Live Demos
• Video Tutorials

Support and feedbacks

• For queries, reach our Syncfusion® support team or post the queries through the community forums.
• Request new feature through Syncfusion® feedback portal.

License

This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. You can purchase a license here or start a free 30-day trial here.

About Syncfusion®

Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:

Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue

Mobile: Flutter | Xamarin | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com.

| Toll Free: 1-888-9-DOTNET