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

Example of @ Mention in ASP.NET MVC 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.
Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE