Essential Studio® for Rich Text Editor SDK - v35.1.37 Release Notes

Headless Editor preview

Features

Applies To: React, Angular, JavaScript, TypeScript, and Vue.

The Headless Editor introduces a UI-independent and extensible editing engine built on ProseMirror. It provides a reusable foundation for building rich-text and structured-content editing experiences, with support for document modeling, commands, extensions, selections, keyboard interactions, events, and schema management.

  • Headless Editing: Provides a UI-independent editing engine that can be integrated with different editor interfaces and application frameworks.
  • ProseMirror-Based Editing: Uses ProseMirror as the underlying document model and editing engine for nodes, transactions, selections, and plugins.
  • Extension Architecture: Provides an extensible architecture for adding, configuring, and composing editor functionality.
  • Command Framework: Provides centralized commands for content manipulation, formatting, selection, list operations, and document transformations.
  • Document Model: Supports nodes, inline marks, nested content, and schema-based document structures.
  • Rich Content: Provides built-in support for headings, lists, links, images, tables, code blocks, callout, and collapsible sections.
  • Custom NodeViews: Supports custom NodeViews for rendering and interacting with complex document nodes.
  • Event System: Provides events for editor life cycle, content changes, selection changes, focus, paste, delete, and file operations.
  • Schema Management: Provides schema definition, validation, and migration capabilities for maintaining structured and consistent document content.
  • File and Upload Handling: Provides reusable file handling and upload-state infrastructure for media and file-based editing scenarios.
  • Keyboard and Selection Support: Provides configurable keyboard bindings and selection APIs for customized editing interactions.
  • Reusable Editing Foundation: Provides a common foundation for building rich-text and structured-content editor experiences.
Platform Demo
JavaScript View Demo
TypeScript View Demo

Modern Rich Text Editor preview

Applies To: React, Angular, JavaScript, TypeScript, Vue.

Features

The Modern Rich Text Editor introduces a modern, extensible WYSIWYG editing experience built on the Headless Editor, with ProseMirror providing the underlying document model and editing engine. It is designed for applications such as document authoring, email composition, CMS platforms, blogs, knowledge bases, messaging, and business applications, offering a flexible foundation for creating and managing rich content.

  • Inline Formats: Bold, Italic, Underline, Strikethrough, Subscript, Superscript, Font Family, Font Size, Font Color, Background Color, Inline Code, and case formatting options.
  • Block Formats: Paragraph, Headings, Code Block, Horizontal Line, and Blockquote.
  • Lists: Bullet, Numbered, Checklist, and configurable list styles support.
  • Links: Insert, edit, open, copy, and remove links with contextual actions.
  • Image: Insert, replace, resize, caption, alternative text, alignment, wrapping, and dimension controls.
  • Table: Create and manage tables with rows, columns, headers, alignment, and content formatting.
  • Toolbar: Configurable built-in toolbar items with flexible layouts and custom item support.
  • Quick Toolbar: Contextual actions for text selection, links, images, and tables.
  • Slash Commands: Insert and format content using slash command actions for headings, lists, links, tables, and media.
  • More formatting options: Collapsible Headings, Code Blocks, Callout, Blockquotes, and Horizontal Rules.

Web Rich Text Editor

Applies To: React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, and ASP.NET MVC.

Features

The Rich Text Editor supports the Web Model Context Protocol (WebMCP), enabling AI models and agents to interact with editor content through built-in tools. Write operations require user confirmation, and the beforeWebMcpToolExecute event lets users inspect, modify, or cancel tool execution.

Bug Fixes

  • #I873793 - Now, the Rich Text Editor properly disables keyboard navigation for all toolbar items when readOnly mode is enabled.

  • #I869597 - Now, the Rich Text Editor prevents unexpected scrolling when typing spaces or punctuation while the cursor is visible within the viewport.

  • #I871737 - Now, the Rich Text Editor prevents hyperlink formatting from incorrectly carrying over to a newly created list item after pressing the Enter key.

  • #I872333 - Now, the Rich Text Editor prevents unwanted cell height and spacing from being retained after merging table cells that contain empty lines.

Blazor Rich Text Editor

Applies To: Blazor

Features

  • Quick Toolbar EnableAppendToBody: The Rich Text Editor now includes support for the EnableAppendToBody in the RichTextEditorQuickToolbarSettings, allowing both the quick toolbar and inline toolbar to be rendered directly in the document’s body element instead of within the editor container. This enhancement prevents toolbar clipping at container boundaries, improves visibility in constrained or overflow layouts, and ensures the full toolbar remains accessible during editing interactions.

.NET MAUI Rich Text Editor

Features

Grouping Support

The Rich Text Editor now provides a mobile adaptive toolbar layout through the IsGrouped property. When enabled, toolbar items are automatically grouped into categorized collections and presented using a touch-friendly interface, delivering an optimized editing experience on Android and iOS devices.

This enhancement reduces toolbar clutter, improves accessibility of formatting commands, and enables a more streamlined content editing experience on mobile platforms.

Block Schema Structure Input and Output

The Rich Text Editor now supports structured content through schema-based Block Nodes. This feature enables users to load, edit, and retrieve content in a strongly typed block schema format.

The structured content model provides a flexible foundation for creating and managing rich documents while simplifying content processing, serialization, and application integration. Users can work with document content in a schema format that preserves document structure and semantics across editing operations.

Text Transform Support

The Rich Text Editor now provides text transformation support for converting selected content to Upper Case and Lower Case formats.

This feature enables users to quickly modify the casing of selected text directly from the toolbar, improving editing productivity and simplifying common text formatting tasks.

Breaking Changes

Obsoleted APIs

The following APIs have been marked as obsolete and are scheduled for removal in a future release:

  • DefaultTextColor
  • DefaultFontFamily
  • DefaultFontSize
  • UseHybridWebView

Developers should migrate to the latest Rich Text Editor configuration model and update the default values through the Value property.

Content Input API Changes

The following properties are no longer publicly accessible:

  • HtmlText
  • Text

These properties have been made internal and replaced with a unified Value property.

The new Value property provides a single entry point for supplying editor content. Users can now provide content in multiple formats, including:

  • HTML content
  • Plain text content
  • Schema block node content

The content type is determined using the TValue enumeration, which specifies the format of the input being assigned to the editor.

This unified model simplifies content initialization and enables support for both traditional text-based content and structured schema-based documents.

Test Results

Component Name Platform Test Cases Passed Failed Remarks
RichTextEditor Blazor 4273 4273 0 All Passed
Rich Text Editor Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) 5436 5436 0 All Passed
Rich Text Editor .NET MAUI 246 246 0 All Passed
Block Editor Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) 2869 2869 0 All Passed