• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of @ Mention in ASP.NET Core Rich Text Editor Control

This example shows how to integrate @mention component within Rich Text Editor component. Type @ character and select a user from the suggestion list.

DEMO
SOURCE

The @Mention is a component used to display a list of items that users can select or tag from the suggested list. In this demo, configured the following properties with popup dimensions.

  • allowSpaces - Allows to search a word with space.
  • suggestionCount - Control the items in suggestion list.
  • itemTemplate - Used to display the customized appearance in suggestion list.