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

Example of Insert Media in ASP.NET Core Rich Text Editor Control

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.

DEMO
SOURCE

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.

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.