• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Image Editor Integration in ASP.NET MVC 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 MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE