Essential Studio® Rich Text Editor SDK
Thank you for choosing Syncfusion Essential Studio® Rich Text Editor SDK 34.1.29. We appreciate having you as a customer. Please take a moment to read the information in this document before proceeding further. This document contains important information on configuring Essential Studio® Rich Text Editor SDK 34.1.29 for optimal use.
Overview
The Essential Studio® Rich Text Editor SDK provides powerful, feature-rich solutions for content editing and document creation. It includes the Rich Text Editor for traditional WYSIWYG editing and the BlockEditor for modern block-based content authoring. These components support both web and mobile platforms.
Key Features
Rich Text Editor
  • Editing Modes - Supports both HTML (WYSIWYG) and Markdown editing modes with live preview.
  • Comprehensive Toolbar - Fully customizable toolbar with multiple layouts (Expand, MultiRow, Scrollable) and floating toolbar support.
  • Rich Text Formatting - Complete text formatting with fonts, colors, headings, alignment, lists, and inline styles.
  • Media Insertion - Insert and manage images, videos, audio files, tables, hyperlinks, and code blocks.
  • AI Assistant - Built-in AI integration for content generation, summarization, translation, and smart suggestions. Supports OpenAI, Azure AI, and custom AI services.
  • Smart Editing - Emoji picker, slash menu (type `/`), @mentions with autocomplete, mail merge, format painter, and auto-format for Markdown.
  • Import & Export - Import Word documents (DOCX) and export content to Word and PDF formats with server-side library support.
  • Paste Cleanup - Intelligent paste handling with cleanup options for content from Word, Excel, Google Docs, and other sources.
  • Form Integration - Seamless form integration with validation support and XHTML validation.
  • Editor Management - Undo/redo support, resizable editor, source code view, character count, auto-save, and full-screen mode.
  • Accessibility - WCAG 2.1 compliant with keyboard navigation, screen reader support, and customizable shortcuts.
  • Globalization - Multi-language support with RTL (right-to-left) text direction and localization.
  • Security - Built-in XSS prevention with HTML sanitization and secure content handling.
BlockEditor
  • Block-Based Architecture - Modern block-based content creation where each element (paragraphs, headings, lists, tables, code) is a discrete, manageable, and reorderable block.
  • Rich Block Types - Comprehensive blocks including text (paragraph, headings, lists), media (images), layout (tables), content (code, quotes, callouts), and collapsible sections.
  • Intuitive Menus - Slash command menu (`/`), right-click context menu, inline text formatting toolbar, block action menu, and transform menu for converting block types.
  • Drag-and-Drop - Smooth drag-and-drop reordering of blocks with visual handles and drop indicators.
  • Mentions & Labels - @mention users with autocomplete and add categorization labels with custom trigger characters.
  • Content Management - Programmatic API for adding, removing, updating, and moving blocks with support for nested structures.
  • Export & Import - Export content as JSON, HTML, or plain text. Import from JSON for data persistence.
  • Paste Cleanup - Intelligent paste sanitization to clean formatting from external sources.
  • Undo/Redo - Full undo/redo functionality with configurable history and keyboard shortcuts.
  • Keyboard Shortcuts - Comprehensive shortcuts for power users with full customization support.
  • Accessibility - WCAG 2.1 compliant with keyboard navigation, screen reader support, and ARIA attributes.
  • Styling & Theming - Custom CSS classes, built-in themes, dark mode support, and responsive design.
Common Features
  • Cross-Platform Support - Available for JavaScript, React, Angular, Vue, ASP.NET Core, ASP.NET MVC, Blazor, and .NET MAUI platforms.
  • Responsive Design - Mobile-friendly and touch-optimized interface for all screen sizes and devices.
  • Modular Architecture - Import only required modules to minimize bundle size and optimize performance.
  • Customizable UI - Extensive customization options for toolbars, menus, styling, and behavior.
  • Rich Event System - Comprehensive events for content changes, user actions, and lifecycle management.
  • Powerful API - Full programmatic control for content manipulation, selection, and toolbar management.
  • State Management - Support for controlled/uncontrolled modes with auto-save and state persistence.
  • Security First - Built-in XSS protection and HTML sanitization for secure content handling.
  • Performance Optimized - Efficient rendering for large documents with optimized operations.
  • Browser Compatibility - Support for all modern browsers including Chrome, Firefox, Safari, Edge, and mobile browsers.
  • WCAG Compliant - Full accessibility compliance with keyboard navigation and screen reader support.
  • Professional Support - Technical support through forums, tickets, knowledge base, and direct assistance.
Sample Browser
Online Sample Browser
Explore interactive demos showcasing the capabilities of our controls:
Platform View Demos
ASP.NET Core Rich Text Editor | BlockEditor
ASP.NET MVC Rich Text Editor | BlockEditor
Angular Rich Text Editor | BlockEditor
JavaScript Rich Text Editor | BlockEditor
JavaScript ES5 Rich Text Editor | BlockEditor
React Rich Text Editor | BlockEditor
Vue Rich Text Editor | BlockEditor
Blazor Rich Text Editor | BlockEditor
GitHub Sample Repositories
Access platform-specific sample projects on GitHub:
Platform View Samples
ASP.NET Core View Samples
ASP.NET MVC View Samples
Angular View Samples
JavaScript View Samples
React View Samples
Vue View Samples
Blazor View Samples
.NET MAUI View Samples
Software Requirements
Ensure your development environment meets platform-specific requirements. For detailed and up-to-date information, refer to the official Syncfusion documentation for each platform:
Web Platforms
Mobile Platforms
Learning
Documentation
Access comprehensive platform-specific documentation:
Platform Documentation
ASP.NET Core Rich Text Editor | BlockEditor
ASP.NET MVC Rich Text Editor | BlockEditor
Angular Rich Text Editor | BlockEditor
JavaScript Rich Text Editor | BlockEditor
JavaScript ES5 Rich Text Editor | BlockEditor
React Rich Text Editor | BlockEditor
Vue Rich Text Editor | BlockEditor
Blazor Rich Text Editor | BlockEditor
.NET MAUI Rich Text Editor
Technical Support
Your feedback helps us improve. Please share your experience or report issues through our support channels.