This sample demonstrates the rich text editing and formatting features of the Rich Text Editor UI component with a comprehensive toolbar and Slash Command support.
This sample demonstrates the Rich Text Editor UI component with a comprehensive set of editing, formatting, and content insertion features. The following configurations are used: toolbarSettings.items - Configures the toolbar with text formatting, font styling, lists, alignment, indentation, content insertion, and editing tools. slashCommandSettings.enable - Enables Slash Command support, allowing users to access editor commands by typing / within the editor. imageSettings.uploadUrl - Specifies the server URL used to upload images. imageSettings.removeUrl - Specifies the server URL used to remove uploaded images. imageSettings.imageUrl - Specifies the URL used to access uploaded images. value - Sets the initial content of the Rich Text Editor. placeholder - Displays placeholder text when the editor does not contain any content. The configured toolbar provides the following editing capabilities: Text Formatting - Applies Bold, Italic, Underline, Strikethrough, Inline Code, Subscript, and Superscript formatting. Font - Provides font family, font size, font color, and background color options. Lists - Provides bulleted and numbered list options. Content Insertion - Allows users to insert links, images, and tables. Alignment and Indentation - Provides alignment and indentation options for content. Formats - Applies predefined formats such as paragraphs and headings. Editing - Provides Undo, Redo, and Clear Format operations. Additional Content - Provides options for inserting horizontal lines, quotes, and code blocks. Case Conversion - Converts selected text to lowercase or uppercase.