This sample demonstrates the default rendering of the Rich Text Editor in iframe mode.
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, 😀 and 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
|
Mode of Transport |
|---|---|---|---|---|---|
| 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 Editor can integrate with the Syncfusion ® Image Editor to crop, rotate, annotate, and apply filters to images. Check out the demos here .
The Rich Text Editor is WYSIWYG ("what you see is what you get") editor that is used to create and edit content, and return valid HTML markup. The editor provides a standard toolbar to format content using its commands. The toolbar contains commands to align the text, insert link, insert image, insert list, undo/redo the operation, HTML view, and more. Injecting Module The above features built as modules have to be included in your application. For example, to use image and link, inject the specific module using RichTextEditor.Inject (Toolbar, Link, Image, HtmlEditor, QuickToolbar, Table, FileManager, Audio, Video, EmojiPicker, PasteCleanup).