Example of undefined in React Rich Text Editor Component

/
/
InsertMedia

This sample demonstrates the option to insert the media into the Rich Text Editor content. Click the audio and video button from the toolbar item to insert the media.

More Details...

Loading....
Description

Video tools are used to insert a video into the Rich Text Editor and click on the video to customize the video using a quick toolbar. The quick toolbar has the following items:

  • Replace – can replace the video with some other video.
  • Align – Align the video with left, right, and justify.
  • Delete – delete the video.
  • LayoutOption - display the video as inline or with a break.
  • Resize – can resize the video dimension with resize options.

Audio tools are used to insert audio to the Rich Text Editor and click on the audio to customize the audio using a quick toolbar easily. The quick toolbar has the following items:

  • Replace – can replace the audio with some other audio.
  • Delete – delete the audio.
  • Display - display the audio as inline or with a break.

Injecting Module

Rich Text Editor features are segregated into individual feature-wise modules. To use the audio and video tool, we need to inject the audio and video module using the Audio, Video.

Note: For security reasons, the embed video URL is restricted in this demo. If you want to insert an embed URL video, set the enableHtmlSanitizer to false in your application.