Example of Image Editor Integration in ASP.NET Core Rich Text Editor Control

This example demonstrates how to integrate Image Editor into Rich Text Editor control. To use it, simply click on the image to open the quick toolbar and select Image Editor custom quick toolbar. Then, the image will be opened in the Image Editor.

DEMO
SOURCE

The Image Editor control is integrated into the Rich Text Editor and opens the Image Editor within a Dialog when the Image Editor custom quick toolbar is clicked and allows to edit the image. To achieve this, the sample is customized for the Image Editor and Rich Text Editor

  • Include the Image Editor custom toolbar item in the quickToolbarSettings.image property of the Rich Text Editor
  • Configure Image Editor within a Dialog using the beforeOpen event of the Dialog
  • Open the Dialog on clicking the Image Editor custom toolbar item
  • Insert the edited image into the Rich Text Editor by clicking the Insert button
Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE