Trusted by the world’s leading companies
Overview
The ASP.NET MVC Rich Text Editor is a feature-rich content-editing component designed for creating blogs, forum posts, notes, support tickets, comment sections, messaging apps, and more. It provides an intuitive interface for seamless content creation with full mobile support. The editor offers a comprehensive set of tools for formatting and managing rich content, producing clean HTML or Markdown output. With its modular architecture, users can easily add and manage images, links, tables, and lists, enabling flexible, scalable content-editing solutions.
Why choose the Syncfusion Essential Studio® ASP.NET MVC Rich Text Editor?
WYSIWYG editor
The ASP.NET MVC Rich Text Editor control can be used as a WYSIWYG HTML editor or a Markdown editor, and it also supports iframe editing with configurable iframe characteristics.
Easy interaction
Users can easily format the text and paragraphs. Set the foreground and background colors, font type, italicization, underlining, strikethrough, and bolding. You can also add ordered (numbered) or unordered (bulleted) custom lists and change the editor’s size.
AI-Assisted Development
Build advanced content editing experiences faster with theAI Coding Assistant. Generate formatting tools, editor layouts, templates, and media-rich workflows with minimal manual effort.
Preview the HTML code
Examine and edit the HTML code directly in the source code and view the preview result in the (HTML live editor).
Toolbar with a rich set of tools
Includes a variety of fully customizable toolbar options, such as multi-row, expandable, quick-access, and floating toolbars. Commands are organized into groups based on related functionality.
Adapts to any resolution
Features a responsive layout optimized for desktops, tablets, and smartphones, ensuring smooth performance across iOS, Android, and Windows devices.
Integrate with third-party libraries
It’s easy to integrate third-party libraries like a spell checker, code mirror, etc., with the Rich Text Editor to improve the content.
Globalization and localization
Enable users from different locales to use the Rich Text Editor by formatting dates, currency, and numbering to suit preferences.
ASP.NET MVC Rich Text Editor code example
Get started with the ASP.NET MVC Rich Text Editor using a few simple lines of CSHTML and C# code, as demonstrated below. Also, explore the ASP.NET MVC Rich Text Editor example, which shows how to render and configure the RTE in ASP.NET MVC.
@Html.EJS().RichTextEditor("defaultRTE").ContentTemplate(@<div>
<div>
<p>The Rich Text Editor is a WYSIWYG ('what you see is what you get') editor useful to create and edit content and return valid <a href='https://ej2.syncfusion.com/aspnetmvc/RichTextEditor/Overview'>HTML markup</a> or <a href='https://ej2.syncfusion.com/aspnetmvc/RichTextEditor/DefaultMode'>Markdown</a> of the content</p>
<p><b>Key features:</b></p>
<ul>
<li>
<p>Provides <IFRAME> and <DIV> modes</p>
</li>
<li>
<p>Capable of handling Markdown editing.</p>
</li>
</ul>
</div>
</div>).Render()public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
}HTML editor toolbar
The ASP.NET MVC WYSIWYG text editor toolbar provides an extensive set of commands for editing and formatting content. It enables users to format text and paragraphs and add images, hyperlinks, tables, lists, and more. These commands are organized into groups based on related functionality.
Multi-row toolbar
Toolbar commands that exceed the available space are automatically placed into additional rows within the toolbar.
Expand toolbar
Commands hidden in overflow rows become accessible when the toolbar is expanded using the expand icon.
Quick toolbar
This toolbar features commonly used commands for text, images, tables, and links, allowing quick and efficient formatting.
Floating toolbar
The HTML editor toolbar does not stay fixed at the top; instead, it moves within the editor area as the page scrolls.
Fully customizable
The ASP.NET MVC Rich Text Editor toolbar buttons are fully configurable. Users can add or remove buttons and group commands by category to suit application needs, such as blog editing or email composing.
Custom tools
Users can create and add their own commands with specific actions alongside the built-in toolbar tools.
Inline mode
The ASP.NET MVC Rich Text Editor displays an inline HTML editor when content inside an editable area is clicked or selected.
Mentions and hashtags
While creating content, users or groups can be tagged or selected from a suggestion list within the editor.
Editing experience
The ASP.NET MVC Rich Text Editor control delivers a broad range of tools and options to enhance the editing experience.
Insert images
Images can be added from local or server locations with captions, and URLs can be linked to them. Uploading images is supported via drag-and-drop or file upload. The editor also allows insertion of images in BLOB or Base64 formats.
Insert hyperlinks
Hyperlinks can be created or updated with options including display text, tooltips, and settings to open links in a new window.
Insert tables
Users can create and edit HTML tables to present structured tabular data. Table elements can be managed dynamically, including adding or deleting rows and columns, resizing tables or cells, and removing tables.
Table cell merge and split
Multiple row or column cells can be combined into a single cell along with their content. Individual cells can also be split horizontally or vertically.
Text alignment
Built-in options allow content alignment to the left, center, right, or justified as needed.
Enter and Shift+Enter key configuration
Users can define which tags are inserted when pressing Enter and Shift+Enter. Options include P for a <p> tag, DIV for a <div> tag, and BR for a line break when either combination is used.
Insert emoji
Users can enrich their content by adding emojis from a wide collection. The emoji picker is accessible by typing the colon (:) key in the ASP.NET MVC Rich Text Editor.
Formatting text
- Apply formatting to selected content, entire paragraphs, or specific words and characters.
- Style headings, quotations, code blocks, paragraphs, and more.
- Use bold, italics, underline, strikethrough, or modify text casing.
- Adjust paragraph indentation and spacing.
- Select fonts and set font sizes.
- Apply subscript and superscript styles.
- Customize font color and background color for content.
Auto-formatting for Markdown syntax
Auto-formatting allows quick content styling using Markdown-like shortcuts, removing the need for toolbar controls for common formatting. When syntax such as # for headings, ** for bold, or * for italics is entered, the editor automatically converts it into corresponding HTML elements.
Checklists
Users can create checklists (to-do lists) directly within the editor. Interactive checkbox items can be added for effective task tracking and management.
Adding lists
Ordered (numbered) and unordered (bulleted) lists can be created to structure content effectively.
Custom lists
Unordered list bullets can be customized with styles like circles or squares. Ordered lists support various numbering styles such as lowercase Greek or uppercase Roman numerals.
Quick insert for table rows and columns
Rows and columns can be added quickly to tables. When hovering near table borders, a “+” icon appears, enabling one-click insertion.
Line height
Users can adjust the line spacing to control content density, improving readability and layout balance.
Full-screen text editor
The editor can be expanded to full-screen mode, offering a focused, distraction-free editing environment.
Paste from Microsoft Word and Excel
The ASP.NET MVC Rich Text Editor supports pasting content, including images, from Microsoft Word, Outlook, and Excel while removing unnecessary tags, attributes, and styles. Users can choose to paste as plain text, cleaned styles, or keep original formatting.
Format painter
The format painter allows users to copy formatting and apply it elsewhere, reducing repetitive effort. It can be accessed through the toolbar or keyboard shortcuts. Sticky mode can be enabled by double-clicking the toolbar button for applying formatting across multiple sections.
Auto-hyperlink URLs
The editor automatically converts plain text URLs into clickable links as they are typed.
ASP.NET MVC form validations
The Rich Text Editor integrates with forms and captures values during submission. It supports the following validation types:
- Required validation
- Maximum length validation
Limit content length
Users can set a maximum character limit for specific sections to control content size.
Resizable editor
The ASP.NET MVC Rich Text Editor supports resizing, allowing users to adjust the content area as needed.
Insert an image through a file manager
The integrated file manager enables users to upload and insert images from cloud storage or a server directly into the editor.
Cut, copy, and paste
Supports standard clipboard actions, allowing users to cut, copy, and paste content with ease.
Undo and redo manager
Keeps a record of editing actions, enabling users to undo or redo changes during editing.
Print the text editor content
Allows printing of formatted content using the toolbar option or via programmatic methods.
Touch-friendly and responsive WYSIWYG editor
Supports touch gestures, enabling users to swipe left or right to navigate the toolbar. The responsive design ensures a smooth experience across mobile, tablet, and desktop devices.
Built-in and customizable themes
Includes multiple built-in themes such as Tailwind CSS, Bootstrap 5, Bootstrap 4, Bootstrap, Material, Fabric, Fluent, and high contrast.
Developer-friendly APIs
There are sufficient client-side APIs available to enhance the process of content editing.
HTML editor accessibility
Keyboard navigation
The Rich Text Editor ensures that every cell is accessible using the keyboard. Major features like sort, select, and edit can be performed using keyboard commands alone; no mouse interaction is required. This helps in creating highly accessible applications using this component.
Screen reader
The Rich Text Editor view has complete WAI-ARIA accessibility support. Its UI includes high-contrast visual elements that help visually impaired people to have the best viewing experience. Also, valid UI descriptions are easily accessible through assistive technologies such as screen readers.
Right to left (RTL)
The Rich Text Editor supports right-to-left rendering, allowing the text and layout of the text editor to be displayed from right to left. This improves the user experience and accessibility for users of RTL languages such as Arabic, Farsi, and Hebrew.
Other supported frameworks
The Rich Text Editor is also available for the Blazor, React, Angular, Vue, and JavaScript frameworks. Check out its platform-specific options through these links:
Supported browsers
The ASP.NET MVC Rich Text Editor works well with all modern web browsers such as Chrome, Firefox, Microsoft Edge, Safari, and Opera.
Not sure how to create your first ASP.NET MVC Rich Text Editor? Our documentation can help.
I’d love to read it nowFrequently Asked Questions
Why should you choose the Syncfusion® Essential Studio ASP.NET MVC Rich Text Editor?
Edit WYSIWYG HTML and Markdown content with a rich set of tools for modern web and mobile applications.
Easily incorporate into blog editor, message, HTML email composer, and discussion forum-like applications.
Make a floating toolbar or inline editor that allows you to select any editable element on the page and edit-in-place.
- Enjoy simple configuration and APIs.
- Render in all modern browsers with ease.
- Use a touch-friendly and responsive UI.
Take advantage of expansive learning resources such as demos and documentation to get started quickly with the control.
Where can I find the Syncfusion ASP.NET MVC Rich Text Editor demo?
You can find our ASP.NET MVC Rich Text Editor demo here.
Can I download and utilize the Syncfusion ASP.NET MVC Rich Text Editor for free?
No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.
How do I get started with the Syncfusion ASP.NET MVC Rich Text Editor?
A good place to start would be our comprehensive getting started documentation.
Our Customers Love Us
Having an excellent set of tools and a great support team, Syncfusion® reduces customers’ development time.Here are some of their experiences.
Nice suite of components
A very complete set of components, that has an edge on other major vendors which offer components. A lot less code required to use and code samples for more complete components. Integrates well with other 3rd party components.
John A.
C# Developer (Contract)
Perfect for any developer
The Syncfusion Essential Studio has excellent features that are updated or added constantly on a regular basis. The support is exceptional—fast and professional responses. The support team provides you with code samples. As for the bugs, they always try to include the fix in the next release.
Dejan D.
Chief Executive Officer
See Real Success Stories
Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.
Read Our Customer StoriesIndustry
Software development
75% Cost reduction
50% Faster development
Industry
Utilities (oil and gas)
450+ hours saved
Streamlined processes and hours of development effort saved.
Advanced, flexible features
Empowered users through robust and versatile functionality.
Industry
Software and technology
1000+ of hours saved
Accelerated development with enterprise-ready UI components.
Efficient file management
Streamlined workflows with document libraries without building them from scratch.
Industry
Software and technology
2 Years of delay avoided
Two years of delays prevented with proactive planning.
On-time delivery
Projects delivered on schedule using trusted controls.
Industry
IT services and IT consulting
Improved performance
Large datasets handled with easy customization and quick debugging.
Highly customizable
Plug-and-play controls with quick template integration.
Industry
Professional services
Instant access
Quick availability of features and resources.
Reduced dependencies
Fewer dependencies for faster development.
Rated by users across the globe
Awards
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion® is proud to hold the following industry awards.
