BlazorQuillEditor 0.1.8

.NET 9.0 This package targets .NET 9.0. The package is compatible with this framework or higher. 
dotnet add package BlazorQuillEditor --version 0.1.8
                    


                    

                
NuGet\Install-Package BlazorQuillEditor -Version 0.1.8
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="BlazorQuillEditor" Version="0.1.8" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="BlazorQuillEditor" Version="0.1.8" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="BlazorQuillEditor" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add BlazorQuillEditor --version 0.1.8
                    


                    

                
#r "nuget: BlazorQuillEditor, 0.1.8"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#addin nuget:?package=BlazorQuillEditor&version=0.1.8
                    


                            Install BlazorQuillEditor as a Cake Addin
                        

                    

                
#tool nuget:?package=BlazorQuillEditor&version=0.1.8
                    


                            Install BlazorQuillEditor as a Cake Tool

BlazorQuillEditor

A reusable Quill.js rich-text editor component for Blazor Server and WebAssembly applications, with optional secure image upload support.

✨ Features

  • Rich text editing with full Quill toolbar
  • Image upload support with automatic server-side handling
  • Secure uploads with optional role-based policy enforcement
  • Easy integration and configuration

🚀 Getting Started

  1. Install the NuGet Package

    dotnet add package BlazorQuillEditor

  2. Register the Upload Endpoint (in Program.cs)

    using BiffLabs.Packages.BlazorQuillEditor.Configuration; using BiffLabs.Packages.BlazorQuillEditor.Endpoints;

    builder.Services.Configure<QuillEditorOptions>(options ⇒ { options.UploadRoute = "/upload-image"; // Optional override options.AuthorizationPolicy = "AdminOnly"; // Optional, default: any authenticated user });

    app.UseAuthentication(); app.UseAuthorization();

    app.MapQuillImageUploadEndpoint();

  3. Use the Component in a Razor Page

    <QuillEditor @ref="editorRef" Content="@Content" ContentChanged="@OnContentChanged" ToolbarOptions="@FullToolbar" EnableImageUpload="true" ImageUploadUrl="/upload-image" />

  4. Add the JS Interop

In your _Host.cshtml (Blazor Server) or index.html (Blazor WASM):

<script src="_content/BlazorQuillEditor/quill-blazor.js"></script>

🛡️ Security

The upload endpoint is protected by ASP.NET Core's RequireAuthorization():

  • Defaults to authenticated users only
  • Optional policy enforcement (e.g., "AdminOnly")
  • You must call UseAuthentication() and UseAuthorization() in your app

📂 Saved Files

Uploaded images are saved to:
wwwroot/uploads/

Returned as public URLs:
/uploads/{filename}

📄 Example Policy (Optional)

builder.Services.AddAuthorization(options =>
{
    options.AddPolicy("AdminOnly", policy =>
        policy.RequireRole("Admin"));
});

📦 Configuration via DI (QuillEditorOptions)

Property Description Default
UploadRoute The URL route for image uploads /uploads
AuthorizationPolicy Policy name (or null for authenticated) null

📜 License

MIT © Phil Larner (https://github.com/Billybiff)

Product Compatible and additional computed target framework versions.
.NET net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

  • net9.0

    • No dependencies.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.