This example demonstrates how to easily apply formatting or insert media and tables in the Rich Text Editor content using the Mention control. To use it, simply type the slash (/) key in the editor and select the desired format from the suggestion list that appears.
The @mention control is integrated into the Rich Text Editor and shows the suggestion list when the slash (/) key is pressed in an editor and applies suggested formats. To achieve this, the sample is customized for the Mention and Rich Text Editor.
trueat the select event.
executeCommandto perform the specified formats on the selected text in an editor.
The following formats are shown in the mention suggestion list; apply them in an editor.
Basic blocks- The Rich Text Editor supports basic text formatting blocks, including
tablemaking it easier for users to structure their content. When a user selects a basic block format, it will be applied to the next line or paragraph.
Inline formats- The Rich Text Editor supports inline formatting, allowing you to add
emojisto the specific text within the content.
Media formats- The Rich Text Editor also supports media formats, including
audio, making it an efficient tool for the content creation.