Blazor Rich Text Editor Example - IFrame Mode
This sample demonstrates the complete feature set of the Rich Text Editor, including all available tools and functionalities in Iframe mode.
Loading Syncfusion Blazor Server Demos…
Welcome to the Syncfusion Rich Text Editor
The Rich Text Editor, a WYSIWYG (what you see is what you get) editor, is a user interface that allows you to create, edit, and format rich text content. You can try out a demo of this editor here.
Do you know the key features of the editor?
- Basic features include headings, block quotes, numbered lists, bullet lists, and support to insert images, tables, audio, and video.
- Inline styles include bold, italic, underline, strikethrough, hyperlinks,
InlineCodeand more. - The toolbar has multi-row, expandable, and scrollable modes. The Editor supports an inline toolbar, a floating toolbar, and custom toolbar items.
- Integration with Syncfusion Mention control lets users tag other users. To learn more, check out the documentation and demos.
- Paste from MS Word - helps to reduce the effort while converting the Microsoft Word content to HTML format with format and styles. To learn more, check out the documentation here.
- Other features: placeholder text, character count, form validation, enter key configuration, resizable editor, IFrame rendering, tooltip, source code view, RTL mode, persistence, HTML Sanitizer, autosave, and more.
Easily access Audio, Image, Link, Video, and Table operations through the quick toolbar by right-clicking on the corresponding element with your mouse.
Unlock the Power of Tables
A table can be created in the editor using either a keyboard shortcut or the toolbar. With the quick toolbar, you can perform table cell insert, delete, split, and merge operations. You can style the table cells using background colours and borders.
| S No | Name | Age | Gender | Occupation |
|---|---|---|---|---|
| 1 | Selma Rose | 30 | Female | Engineer |
| 2 | Robert | 28 | Male | Graphic Designer |
| 3 | William | 35 | Male | Teacher |
| 4 | Laura Grace | 42 | Female | Doctor |
| 5 | Andrew James | 45 | Male | Lawyer |
Elevating Your Content with Images
Images can be added to the editor by pasting or dragging into the editing area, using the toolbar to insert one as a URL, or uploading directly from the File Browser. Easily manage your images on the server by configuring the insertImageSettings to upload, save, or remove them.

The Blazor Rich Text Editor supports Iframe editing with customized Iframe attributes. Iframe editing can be enabled by setting Enable property of RichTextEditorIFrameSettings.