Custom image dialog

[Samuel Egger]

The rich text editor uses the built-in image upload dialog for inserting images into the text. In order for the dialog to fit in our own theme (using MudBlazor) I was wondering if its possible to somehow use my own image upload dialog? The Scheduler component for example provides a way to have a custom appointment editor instead of the built-in one. I am looking for something similar with the image upload dialog in the rich text editor.

[Vinitha Jeyakumar]

Hi Samuel Egger,

Yes, you can use your own custom Image upload Dialog and File uploader to upload image into the Editor using custom toolbar and insert the image URL into the Editor using the ExecuteCommand method. Please check the documentation below for more references,

Custom Toolbar: https://blazor.syncfusion.com/documentation/rich-text-editor/tools/custom-tool

ExecuteCommand : https://blazor.syncfusion.com/documentation/rich-text-editor/exec-command

Regards,

Vinitha

[Samuel Egger]

Thank you for your comment. The replace function in the quicktoolbar for an image also uses this same default dialog for replacing / uploading an image. It appears though that there is no possibility of adding custom commands in the quicktoolbar. I can only choose from the ImageToolbarCommand enum. The ImageToolbarItemModel does not have a custom Name property like the ToolbarItemModel does. How can I use my custom image uploader with the replace function in the quicktoolbar.

[Vinothkumar Yuvaraj]

Hi Samuel Egger,

Currently we don’t have support for your requirement. We have already logged the requested requirement as a feature on our end. This support will be included in any one of our upcoming releases. Please track the status of the reported issue using the below Feedback.

Feedback Link: https://www.syncfusion.com/feedback/28883/provide-support-to-add-custom-toolbar-items-in-the-quick-toolbar

We will prioritize the inclusion of this feature based on user demands and the vote count. Please upvote this features to help make it our priority.