Rich Text Editor / Insert Media

Blazor Rich Text Editor Example - Insert Media

Loading Syncfusion Blazor Server Demos…

This sample demonstrates the option to insert media into the Rich Text Editor content. Click the audio and video buttons in the toolbar to insert media.

Video Tools: Used to insert a video into the Rich Text Editor. When you click on the video, a quick toolbar appears with customization options:

Replace – Replace the video with another video.
Align – Align the video with left, right, and justify options.
Delete – Delete the video.
LayoutOption - Display the video as inline or with a break.
Resize – Resize the video dimensions with resize options.

Audio Tools: Used to insert audio into the Rich Text Editor. When you click on the audio, a quick toolbar appears with customization options:

Replace – Replace the audio with another audio file.
Delete – Delete the audio.
Display - Display the audio as inline or with a break.

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