Ability to configure multiple handle (ie: @ etc) characters for Mentions

[Ricardo]

Hi, would it be possible to add a little bit more functionality to the RTE Mentions so we can have multiple characters instead of just @? So, for example, I could use @ for users (would hit the users DB) but,  for example, I could also configure # to hit some other DB and display some different data. This would be super useful. Thanks in advance!

[Vinitha Jeyakumar]

Hi Ricardo,

Your requirement to use different mentioned characters that are used to render the different suggestion list can be achieved by using MentionChar property of SfMention control. Please check the code and sample below,

Code snippet:

<div class="control-section">

    <SfRichTextEditor ID="mentionIntegration">

    </SfRichTextEditor>

</div>

     <div id="mention_integration">

        <SfMention MentionChar="@ProjMentionChar" TItem="UserData" Target="#mentionIntegration .e-rte-content .e-content" DataSource="@data" PopupHeight="200px" PopupWidth="250px">

           

            <ChildContent>

            <MentionFieldSettings Text="Name" Value="EmailId"></MentionFieldSettings>

            </ChildContent>

        </SfMention>

        <SfMention MentionChar="@CostMentionChar" TItem="MentionData" Target="#mentionIntegration .e-rte-content .e-content" DataSource="@UseCostData">

            <ChildContent>

                <MentionFieldSettings Text="Value"></MentionFieldSettings>

            </ChildContent>

        </SfMention>

    </div>
@code {

    private char ProjMentionChar { get; set; } = '#';

     private char CostMentionChar { get; set; } = '$';
}

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/RTE_Server-Mention-1912235075

Demos: https://blazor.syncfusion.com/demos/mention/multiple-list?theme=fluent

Documentation: https://blazor.syncfusion.com/documentation/mention/customization#trigger-character

Regards,

Vinitha