Example of undefined in React Rich Text Editor Component

All Controls
/
Rich-text-editor
/
ImageEditorIntegration

This example demonstrates how to integrate Image Editor into Rich Text Editor component. 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.

More Details...

Loading....
Description

The Image Editor component 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 the 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