This mode makes the inline HTML editor show up when you click or select the content in an editable area.
The WYSIWYG HTML editor toolbar provides a variety of commands for editing and formatting content. You can format text, paragraphs, insert images, insert hyperlinks, insert tables, insert lists, etc. The tool commands are grouped together based on related functionality.
The overflow toolbar commands are wrapped in the following rows within the toolbar.
The overflow toolbar commands hidden in the next row become visible when the toolbar is expanded via the expand icon.
This toolbar contains frequently used commands related to text, image, tables, and links. It helps access and format these elements (text, image, tables, links) quickly and allows you to customize them.
The HTML WYSIWYG editor toolbar does not stick to the top of the editor, but it floats within the editor area while scrolling the editor page.
Users can add their own commands (tools) to the toolbar with actions and built-in commands.
You can apply formatting to selected content, whole paragraphs, or specific words or characters:
You can insert images in your content from a local path or server path with image captions and then link URLs to the images. You can upload images to a server with drag-and-drop or file upload. Additionally, the editor offers options to insert images in BLOB or Base64 formats.
You can insert or change hyperlinks with customization options such as displaying text, tooltips, and links to be opened in a new window.
You can insert and edit HTML tables to display grid-like tabular data in a WYSIWYG Rich Text Editor. The tables and their elements can be dynamically manipulated, such as inserting or removing rows and columns; resizing a whole table, row, or column; and removing a table.
This feature allows users to merge two or more row and column cells into a single cell with its contents. Also, a single cell can be split both horizontally and vertically.
Built-in settings are available to justify content or align it to the left, center, or right.
Create ordered (numbered) or unordered (bulleted) lists to organize content.
The built-in option makes the WYSIWYG HTML editor full screen size (full page editor) for editing content.
The Rich Text Editor typically allows users to use clipboard operations (cut, copy, and paste).
Examine and edit the HTML code directly in source code and view the preview result (HTML live editor).
The Rich Text Editor offers built-in options to paste content with images to the editor from Microsoft Word, Microsoft Outlook, and Microsoft Excel by filtering out tags, attributes, and styles. Additionally, you can control if the content pastes as plain text, cleaned styles, or source-formatted styles.
Print the WYSIWYG Rich Text Editor content either by using the print option from the toolbar or programmatically with applied format style.
Plain text is configured to turn into a hyperlink automatically when users type a URL.
Maximum length validation
Users can restrict the content’s maximum number of characters.
The integrated file manager within the Rich Text Editor can insert and upload images from cloud storage or a server.
You can customize all static text used in the Rich Text Editor control by using the localization library.
There are sufficient client-side APIs available to optimize content editing.
The WYSIWYG Rich Text Editor component is also available in Blazor, React, Angular, and Vue frameworks. Check out the different WYSIWYG Rich Text Editor platforms from the links below,
No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
A good place to start would be our comprehensive getting started documentation.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.