Essential Studio® for Rich Text Editor SDK - v34.1.29 Release Notes
Common
Features
The following components have been developed to meet industry standards and are now marked as production-ready for Rich Text Editor SDK:
- Blazor Block Editor
- Blazor Smart Rich Text Editor
Web Rich Text Editor
Applies To: React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, and ASP.NET MVC.
Features
-
Export Document Progress Indicator: The Rich Text Editor now includes a loading spinner for Word and PDF export actions. The spinner is displayed on the export button during the export process and remains visible until the file download is completed, providing clear feedback on the export status.
Platform Demo React View Demo Angular View Demo JavaScript View Demo TypeScript View Demo Vue View Demo ASP.NET Core View Demo ASP.NET MVC View Demo -
Paste audio and video files: Users can copy and paste audio and video files from the local file browser, enabling bulk multimedia ingestion for faster content creation.
Bug Fixes
-
#I822860- Now, the Rich Text Editor QuickToolbar dropdown will open properly in the limited height web view. -
#I843394- Now,border-collapseandborder-spacingare now included inallowedStyleProps, enabling correct preservation of double borders when pasting tables. - Audio and Video saved on the server will no longer be automatically deleted when using keyboard or quick toolbar actions in the editor. This change is necessary because if the audio and video are removed from the server, it would prevent the ability to perform undo/redo actions on them.
-
Solution : To handle audio and video deletions properly, use the
afterMediaDeleteevent to capture thesrcof the deleted audio and video. Then, send a request to your server to remove the audio and video from storage, ensuring it is only deleted when explicitly intended. -
#I835102- Now, the image preview will be shown properly for drag and dropped images in RichTextEditor. -
#I842908- Now, the RTL Mode will not hide Left Border of table pasted from Excel in RichTextEditor. -
#I831960- Now, the insert link dialog will be visible while scrolling using scrollbar. -
#I846471- Now, the bullet list formatting will be preserved after pasting. -
#I848296- Now, pasting contents with list and hyperlinks issue has been resolved.
Blazor Rich Text Editor
Features
-
Image Wrap: The Rich Text Editor now provides image left and right text‑wrapping through the image quick toolbar.
Explore the demo here.
Bug Fixes
-
#I843757– Now, the Rich Text Editor works properly when theAfterPasteCleanupevent is registered, andDeniedAttributesfiltering is applied properly during paste operations. -
#I842094– Now, the Rich Text Editor works properly when formatting is applied after inserting a mention list, without exceptions or console errors.
Web Block Editor
Applies To: React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, and ASP.NET MVC.
Features
-
Collaborative Editing: The Block Editor now supports real-time collaborative editing through the
collaborationSettingsproperty, enabling multiple users to work on the same document simultaneously. This feature includes seamless integration with collaboration providers, configuration of the YJS adapter, and cursor awareness using enableAwareness. Active user presence is effectively managed with the users and currentUserId properties, allowing clear identification and visualization of collaborators within the editor.Platform Demo React View Demo Angular View Demo -
Table and Link context menu options - The block editor now supports options for the
Tableblock with theinsertanddeleteto add and remove rows/columns and for thelinkcontents provided theedit,open,copy, andremoveoptions directly from the context menu.Platform Demo React View Demo Angular View Demo JavaScript View Demo TypeScript View Demo Vue View Demo ASP.NET Core View Demo ASP.NET MVC View Demo
Breaking Changes
The following API’s have been modified/removed.
-
Now the
allowedStylesproperty inpasteCleanupSettingshas been removed. -
The default Block Editor image
saveFormathas been changed fromBase64toBlob. Serialized outputs now generate binaryBlobobjects, improving performance and reducing payload size.
Blazor Block Editor
Features
-
Now the Block Editor improved the image block with server-side storage support for better asset management. Users can upload images directly from the editor, configure server-side storage for upload operations. Users can use the
BlockEditorImageBlockto configure the image related properties (SaveUrl, Path, SaveFormat).Explore the demo here
-
Now the Block Editor supports
transformblock options in the inline toolbar for quick and seamless block conversion. Users can convert blocks between different types (such as paragraph to heading or quote to callout) directly from the inline toolbar, access commonly used block transformations through intuitive controls, and maintain content integrity during the conversion process.Explore the demo here
-
Now the Block Editor supports inline
codeandlinksupport in the inline toolbar to improve code and link formatting capabilities. Users can apply inline code and link formatting to selected text, benefit from inline code styling with syntax highlighting & link addition, and seamlessly combine it with other text formatting options available in the toolbar.Explore the demo here
Test Results
| Component Name | Platform | Test Cases | Passed | Failed | Remarks |
|---|---|---|---|---|---|
| RichTextEditor | Blazor | 3218 | 3218 | 0 | All Passed |
| Rich Text Editor | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5138 | 5138 | 0 | All Passed |
| Rich Text Editor | .NET MAUI | 239 | 239 | 0 | All Passed |
| Block Editor | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 2869 | 2869 | 0 | All Passed |