Syncfusion.AspNetCore.RichTextEditor
34.1.33
Prefix Reserved
dotnet add package Syncfusion.AspNetCore.RichTextEditor --version 34.1.33
NuGet\Install-Package Syncfusion.AspNetCore.RichTextEditor -Version 34.1.33
<PackageReference Include="Syncfusion.AspNetCore.RichTextEditor" Version="34.1.33" />
<PackageVersion Include="Syncfusion.AspNetCore.RichTextEditor" Version="34.1.33" />
<PackageReference Include="Syncfusion.AspNetCore.RichTextEditor" />
paket add Syncfusion.AspNetCore.RichTextEditor --version 34.1.33
#r "nuget: Syncfusion.AspNetCore.RichTextEditor, 34.1.33"
#:package Syncfusion.AspNetCore.RichTextEditor@34.1.33
#addin nuget:?package=Syncfusion.AspNetCore.RichTextEditor&version=34.1.33
#tool nuget:?package=Syncfusion.AspNetCore.RichTextEditor&version=34.1.33
Syncfusion® ASP.NET Core Rich Text Editor Component
A fully-featured WYSIWYG HTML editor that allows users to create and edit rich HTML content with an intuitive toolbar interface.
Key Features
- Comprehensive Toolbar: Font formatting, alignment, lists, links, images, tables, colors, and more
- Multiple Edit Modes: HTML, Markdown, and XHTML edit modes for flexible content creation
- Image Handling: Image upload with drag-and-drop, resize, and link insertion capabilities
- Table Support: Table creation and editing with cell merge and formatting options
- Mention Support: Mention (@mention) feature for tagging users within content
- Custom Extensibility: Custom toolbar commands and plugins for advanced functionality
- Export Capabilities: Export HTML content to PDF and Word (DOCX) formats
- Editing Modes: Iframe and inline editing modes for different use cases
- Content Management: Read-only mode, character/word count, and maximum length restrictions
- Accessibility: Full keyboard navigation, RTL support, and screen reader compatibility
Common Setup
1. Install NuGet Package
Install-Package Syncfusion.AspNetCore.RichTextEditor
2. Register Tag Helper
Add to ~/Pages/_ViewImports.cshtml or ~/Views/_ViewImports.cshtml:
@addTagHelper *, Syncfusion.AspNetCore.Base
@addTagHelper *, Syncfusion.AspNetCore.RichTextEditor
3. Add Stylesheet & Script References
In your layout file:
<head>
<link rel="stylesheet" href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" />
<script src="_content/Syncfusion.AspNetCore.RichTextEditor/scripts/sf-rich-text-editor.min.js"></script>
</head>
4. Register Script Manager
<ejs-scripts></ejs-scripts>
Quick Start
Rich Text Editor — ~/Pages/Index.cshtml.cs
public class IndexModel : PageModel
{
public string EditorContent { get; set; }
public void OnGet()
{
EditorContent = "<p>Welcome to the Rich Text Editor! You can format text with <strong>bold</strong>, " +
"<em>italic</em>, <u>underline</u>, and more. You can also insert links and images.</p>";
}
public void OnPost(string editorContent)
{
// Process the editor content
EditorContent = editorContent;
}
}
~/Pages/Index.cshtml
<form method="post">
<ejs-richtexteditor id="rich-text-editor" value="@Model.EditorContent">
<e-richtexteditor-toolbars>
<e-richtexteditor-toolbar>
<e-richtexteditor-toolbaritems>
<e-richtexteditor-toolbaritem command="Bold"></e-richtexteditor-toolbaritem>
<e-richtexteditor-toolbaritem command="Italic"></e-richtexteditor-toolbaritem>
<e-richtexteditor-toolbaritem command="Underline"></e-richtexteditor-toolbaritem>
<e-richtexteditor-toolbaritem command="OrderedList"></e-richtexteditor-toolbaritem>
<e-richtexteditor-toolbaritem command="UnorderedList"></e-richtexteditor-toolbaritem>
<e-richtexteditor-toolbaritem command="CreateLink"></e-richtexteditor-toolbaritem>
<e-richtexteditor-toolbaritem command="Image"></e-richtexteditor-toolbaritem>
</e-richtexteditor-toolbaritems>
</e-richtexteditor-toolbar>
</e-richtexteditor-toolbars>
</ejs-richtexteditor>
<button type="submit" class="btn btn-primary mt-3">Submit</button>
</form>
Run the Application
Press Ctrl+F5 to run the application in your browser.
Documentation
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
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.33)
- Syncfusion.AspNetCore.Buttons (>= 34.1.33)
- Syncfusion.AspNetCore.DropDowns (>= 34.1.33)
- Syncfusion.AspNetCore.Inputs (>= 34.1.33)
- Syncfusion.AspNetCore.InteractiveChat (>= 34.1.33)
- Syncfusion.AspNetCore.Navigations (>= 34.1.33)
- Syncfusion.AspNetCore.Popups (>= 34.1.33)
- Syncfusion.AspNetCore.SplitButtons (>= 34.1.33)
- Syncfusion.Licensing (>= 34.1.33)
-
net8.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.33)
- Syncfusion.AspNetCore.Buttons (>= 34.1.33)
- Syncfusion.AspNetCore.DropDowns (>= 34.1.33)
- Syncfusion.AspNetCore.Inputs (>= 34.1.33)
- Syncfusion.AspNetCore.InteractiveChat (>= 34.1.33)
- Syncfusion.AspNetCore.Navigations (>= 34.1.33)
- Syncfusion.AspNetCore.Popups (>= 34.1.33)
- Syncfusion.AspNetCore.SplitButtons (>= 34.1.33)
- Syncfusion.Licensing (>= 34.1.33)
-
net9.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.33)
- Syncfusion.AspNetCore.Buttons (>= 34.1.33)
- Syncfusion.AspNetCore.DropDowns (>= 34.1.33)
- Syncfusion.AspNetCore.Inputs (>= 34.1.33)
- Syncfusion.AspNetCore.InteractiveChat (>= 34.1.33)
- Syncfusion.AspNetCore.Navigations (>= 34.1.33)
- Syncfusion.AspNetCore.Popups (>= 34.1.33)
- Syncfusion.AspNetCore.SplitButtons (>= 34.1.33)
- Syncfusion.Licensing (>= 34.1.33)
NuGet packages (2)
Showing the top 2 NuGet packages that depend on Syncfusion.AspNetCore.RichTextEditor:
| Package | Downloads |
|---|---|
|
Syncfusion.AspNetCore.InPlaceEditor
Syncfusion® ASP.NET Core In-Place Editor control enables inline editing of content directly within the page without navigating away or opening a separate dialog. It supports a wide range of editor types including TextBox, Numeric, DatePicker, DropDownList, MultiSelect, RichTextEditor, and more. It provides features like edit on click/double-click, validation, server-side data saving, custom adaptor support, and accessibility, making it ideal for detail pages and data record views in ASP.NET Core applications. |
|
|
Syncfusion.AspNetCore.Gantt
Syncfusion® ASP.NET Core Gantt Chart control is a project management tool for visualizing and managing project schedules. It supports features like task dependencies, critical path, baseline, resource allocation, milestones, task labels, zooming, timeline views (day, week, month, year), drag-and-drop task scheduling, editing, filtering, sorting, and exporting to PDF and Excel. It is ideal for project planning, resource management, and timeline visualization in enterprise ASP.NET Core applications. |
GitHub repositories
This package is not used by any popular GitHub repositories.