Syncfusion® ASP.NET MVC Rich Text Editor (RTE) is a feature-complete WYSIWYG HTML editor that enables rich content creation with a familiar word processor-like interface. It supports text formatting (bold, italic, underline, color, alignment), tables, images, hyperlinks, lists, code view, source code editing, mentions, emoji, video embedding, paste from Word/Excel, custom toolbar configuration, full-screen editing, and content export. It also supports Markdown editing mode, making it versatile for CMS, blog platforms, and form-based content input in ASP.NET MVC applications.
Install
No framework information available.
README
Syncfusion® ASP.NET MVC 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
These setup steps are required only once for your application, regardless of which Syncfusion components you use.
1. Install Base NuGet Package
Install-Package Syncfusion.AspNetMvc.RichTextEditor
2. Add Namespace Reference
Edit Web.config under the Views folder and add the Syncfusion.EJ2 namespace:
<namespaces>
<add namespace="Syncfusion.EJ2"/>
</namespaces>
3. Add Stylesheet & Script References
In your layout file (~/Views/Shared/_Layout.cshtml), add the following in the <head> section:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewBag.Title - Syncfusion Application</title>
<!-- Syncfusion ASP.NET MVC controls styles -->
<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/34.1.31/fluent2.css" />
<!-- Syncfusion ASP.NET MVC controls scripts -->
<script src="https://cdn.syncfusion.com/ej2/34.1.31/dist/ej2.min.js"></script>
</head>
4. Register Script Manager
At the end of the <body> tag in your layout file (~/Views/Shared/_Layout.cshtml):
<body>
@RenderBody()
<!-- Syncfusion ASP.NET MVC Script Manager -->
@Html.EJS().ScriptManager()
</body>
Quick Start
Step 1: Add ASP.NET MVC RichTextEditor control
Add the Syncfusion® ASP.NET MVC RichTextEditor control ~/Views/Home/Index.cshtml page:
@Html.EJS().RichTextEditor("editor").Render()
Run the Application
Press Ctrl+F5 to run the application in your browser.
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 MVC | ASP.NET MVC | JavaScript | Angular | React | Vue
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com
[email protected] | Toll Free: 1-888-9-DOTNET
Changes from Previous Version
Adoption Assessment
A verified publisher signal is available. Assess fit from the package's supported frameworks, license and dependency graph rather than popularity alone.
Related Guides & Workflows
Learn how to evaluate, integrate, or audit this package in your .NET project.