Syncfusion.Blazor.BlockEditor
34.2.2
Prefix Reserved
dotnet add package Syncfusion.Blazor.BlockEditor --version 34.2.2
NuGet\Install-Package Syncfusion.Blazor.BlockEditor -Version 34.2.2
<PackageReference Include="Syncfusion.Blazor.BlockEditor" Version="34.2.2" />
<PackageVersion Include="Syncfusion.Blazor.BlockEditor" Version="34.2.2" />
<PackageReference Include="Syncfusion.Blazor.BlockEditor" />
paket add Syncfusion.Blazor.BlockEditor --version 34.2.2
#r "nuget: Syncfusion.Blazor.BlockEditor, 34.2.2"
#:package Syncfusion.Blazor.BlockEditor@34.2.2
#addin nuget:?package=Syncfusion.Blazor.BlockEditor&version=34.2.2
#tool nuget:?package=Syncfusion.Blazor.BlockEditor&version=34.2.2
Syncfusion® Blazor Block Editor
Modern block-based content editor for Blazor applications. Compose rich, structured documents with an intuitive drag-drop interface ideal for knowledge bases, documentation, note-taking, and content creation.

Key features
- Block-Based Editing: Intuitive block structure for organizing content
- Rich Content Types: Support for text, images, headings, lists, and more
- Customizable Blocks: Create custom block types for specific content needs
- Mobile Support: Responsive design optimized for mobile devices
- Undo/Redo: Complete undo/redo functionality for content editing
- Export Options: Export content as HTML, Markdown, or JSON
System Requirements
- .NET 8.0 or later (Blazor Server, Blazor Web App, Blazor WebAssembly, Blazor Hybrid)
- See full requirements: System Requirements
Installation
.NET CLI
dotnet add package Syncfusion.Blazor.BlockEditor
dotnet add package Syncfusion.Blazor.Themes
Package Manager Console
Install-Package Syncfusion.Blazor.BlockEditor
Install-Package Syncfusion.Blazor.Themes
Add stylesheet and script references
- For Blazor Web App / Blazor Server App, add these to
Components/App.razororApp.razorfile. - For Blazor WebAssembly App, add these to
wwwroot/index.htmlfile.
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.BlockEditor/scripts/sf-blockeditor.min.js" type="text/javascript"></script>
Quick start
- Register the Syncfusion® Blazor service in the
Program.csfile.
using Syncfusion.Blazor;
builder.Services.AddSyncfusionBlazor();
- Add Blazor Block Editor component to your Razor page:
@using Syncfusion.Blazor.BlockEditor
<SfBlockEditor></SfBlockEditor>
Documentation
- Getting Started with Blazor Web App
- Getting Started with Blazor WebAssembly App
- API Reference
- Live Demos
- Feature Overview
- Video Tutorials
Support
License
This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA.
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
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com.
sales@syncfusion.com | Toll Free: 1-888-9-DOTNET
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. 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. net10.0 is compatible. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net10.0
- Syncfusion.Blazor.Buttons (>= 34.2.2)
- Syncfusion.Blazor.Core (>= 34.2.2)
- Syncfusion.Blazor.DropDowns (>= 34.2.2)
- Syncfusion.Blazor.Inputs (>= 34.2.2)
- Syncfusion.Blazor.Navigations (>= 34.2.2)
- Syncfusion.Blazor.Popups (>= 34.2.2)
- Syncfusion.Blazor.ProgressBar (>= 34.2.2)
- Syncfusion.Blazor.SplitButtons (>= 34.2.2)
- Syncfusion.Telemetry (>= 34.2.2)
-
net8.0
- Syncfusion.Blazor.Buttons (>= 34.2.2)
- Syncfusion.Blazor.Core (>= 34.2.2)
- Syncfusion.Blazor.DropDowns (>= 34.2.2)
- Syncfusion.Blazor.Inputs (>= 34.2.2)
- Syncfusion.Blazor.Navigations (>= 34.2.2)
- Syncfusion.Blazor.Popups (>= 34.2.2)
- Syncfusion.Blazor.ProgressBar (>= 34.2.2)
- Syncfusion.Blazor.SplitButtons (>= 34.2.2)
- Syncfusion.Telemetry (>= 34.2.2)
-
net9.0
- Syncfusion.Blazor.Buttons (>= 34.2.2)
- Syncfusion.Blazor.Core (>= 34.2.2)
- Syncfusion.Blazor.DropDowns (>= 34.2.2)
- Syncfusion.Blazor.Inputs (>= 34.2.2)
- Syncfusion.Blazor.Navigations (>= 34.2.2)
- Syncfusion.Blazor.Popups (>= 34.2.2)
- Syncfusion.Blazor.ProgressBar (>= 34.2.2)
- Syncfusion.Blazor.SplitButtons (>= 34.2.2)
- Syncfusion.Telemetry (>= 34.2.2)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 34.2.2 | 98 | 8/5/2026 |
| 34.1.33 | 157 | 7/27/2026 |
| 34.1.32 | 191 | 7/21/2026 |
| 34.1.31 | 159 | 7/14/2026 |
| 34.1.30 | 154 | 7/9/2026 |
| 34.1.29 | 350 | 7/6/2026 |
| 33.2.15 | 241 | 6/23/2026 |
| 33.2.13 | 237 | 6/16/2026 |
| 33.2.12 | 254 | 6/9/2026 |
| 33.2.10 | 174 | 6/2/2026 |
| 33.2.8 | 196 | 5/26/2026 |
| 33.2.7 | 227 | 5/19/2026 |
| 33.2.6 | 243 | 5/12/2026 |
| 33.2.5 | 180 | 5/4/2026 |
| 33.2.4 | 186 | 4/27/2026 |
| 33.2.3 | 735 | 4/21/2026 |
| 33.1.49 | 240 | 4/13/2026 |
| 33.1.47 | 196 | 4/6/2026 |
| 33.1.46 | 230 | 3/30/2026 |
| 33.1.45 | 250 | 3/23/2026 |