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-collapse and border-spacing are now included in allowedStyleProps, 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 afterMediaDelete event to capture the src of 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 the AfterPasteCleanup event is registered, and DeniedAttributes filtering 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 collaborationSettings property, 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 Table block with the insert and delete to add and remove rows/columns and for the link contents provided the edit, open, copy, and remove options 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 allowedStyles property in pasteCleanupSettings has been removed.

  • The default Block Editor image saveFormat has been changed from Base64 to Blob. Serialized outputs now generate binary Blob objects, 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 BlockEditorImageBlock to configure the image related properties (SaveUrl, Path, SaveFormat).

    Explore the demo here

  • Now the Block Editor supports transform block 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 code and link support 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