DocuVieware.Blazor 0.9.0.1-rc

DocuVieware Blazor Component

DocuVieware Blazor is a state-of-the-art document viewer and editor component for Blazor applications. It allows you to embed and manipulate a wide range of document formats, including PDF, Office (DOC, DOCX, XLS, XLSX, PPT, PPTX) and image files directly within your Blazor apps.

Features

• Document Viewing: Support for 100+ document formats, such as PDF, DOCX, XLSX, PPTX, TIFF, PNG, and JPEG.
• Annotations: Add, edit, and delete annotations in your documents.
• Text Selection and Search: Enables text selection and search functionalities within documents.
• Thumbnails and Bookmarks: Easy navigation through documents with thumbnail previews and bookmark support.
• Responsive Design: Adapt to different screen sizes for an optimal viewing experience on desktop and mobile devices.
• Customizable UI: Style the viewer to match your app’s look and feel.

Getting Started

Prerequisites

• .NET 6.0 or later
• Blazor Server project

Installation

To install the DocuVieware Blazor component, run the following command in your project’s root directory:

Install-Package DocuVieware.Blazor

Or, if you prefer, use the .NET CLI:

dotnet add package DocuVieware.Blazor

Usage

1. Register the DocuVieware service in Startup.cs or Program.cs:

builder.Services.AddDocuVieware(dv =>
{
    dv.LicenseKey = "YOUR_LICENSE_KEY"; // Get your trial key by asking our team here: https://orpalis.zendesk.com/hc/en-us/requests/new
});

// Or 

public void ConfigureServices(IServiceCollection services)
{
    services.AddDocuVieware(dv =>
    {
        dv.LicenseKey = "YOUR_LICENSE_KEY";
    });
}

2. In the same file, register the DocuVieware middleware:

// After the `UseRouting()` directive.
app.UseDocuVieware();

3. You can add the DocuVieware Blazor root namespace at the end of the _Imports.razor file :

@using GdPicture14.WEB.Blazor

4. You’re now able to render a DocuVieware control in any Blazor page of your application:

<DocuVieware />

You might experience positioning issues depending on the file you're adding the DocuVieware tag, please ensure the control has enough space vertically and horizontally through h-100 and w-100 bootstrap built-in class

Support

If you encounter any issues or have questions about integrating the DocuVieware Blazor component, please visit our Support Center.