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.
quickToolbarSettings.text - Configures the
inline quick toolbar that appears when text is selected,
providing quick access to formatting and content
insertion tools.
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, numbered, and
checklist list options.
Content Insertion - Allows users to insert
links, images, tables, callouts, horizontal lines,
quotes, and code blocks.
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.
Case Conversion - Converts selected text
to lowercase or uppercase.