The SpeakLink MentionEditor is a extended mention control for .NET MAUI applications. It provides an enriched text editing experience with support for '@' mentions or any other trigger character, similar to popular social media platforms. The MentionEditor control is highly customizable, allowing developers to easily integrate and adapt it to their specific application needs. There is also RichEditor that supports mentions as described above and support for bold/italic/underline/strikethrough formatting.
$ dotnet add package SpeakLinkThe SpeakLink Mention Editor is an advanced .NET MAUI library that enhances text editor functionality with support for @mentions. Designed to bring the intuitive and flexible mention capabilities found on social media platforms to .NET MAUI apps, it offers a seamless integration for developers. It is up to you how you want the mention/hashtag picker to look; see the example project to see how the most common approach, 'mention list above input' is implemented.

Add the Library: Integrate the SpeakLink.Mention library into your project either through NuGet or by adding a direct reference.
Namespace Declaration: In your XAML, declare the SpeakLink Mention Editor's namespace:
xmlns:mention="clr-namespace:SpeakLink.Mention;assembly=SpeakLink"
Add the Editor: Implement the MentionEditor control in your XAML:
<mention:MentionEditor x:Name="editor" />
Configure Key Attributes: Customize the MentionEditor in your XAML to suit your application's requirements. Essential attributes include:
MentionSearchCommand: A ViewModel command that initiates the mention search.IsSuggestionsPopupVisible: A Boolean that dynamically adjusts to control the visibility of mention suggestions.ExplicitCharacters: Characters, like "@", used to trigger mention suggestions.The MentionSearchCommand is triggered with MentionSearchEventArgs, which contains (like , e.g., "@") and (e.g., 'Dav'). Your task is to filter suggestions based on the and display them, for example, using a or another selector (refer to the Sample project for more details).
ControlCharacterExplicitCharacterMentionQueryMentionQueryCollectionViewHandling User Selections: When a user selects an item from the CollectionView/ListView/BindableLayout you used to display list of mentions, invoke:
editor.InsertMention(id, mentionText);
FormattedText Property Updates: The SpeakLink.Mention.MentionEditor's FormattedText property updates dynamically as the user types, deletes, or inserts a mention. Each mention is represented as a distinct MentionSpan that contains Id and Text as mentionText.
Keyboard closing: The keyboard will close as soon as focus is lost. Unfortunately, I wasn't able to integrate with HideSoftInputOnTapped property of ContentPage because HideSoftInputOnTapped is internal class for MAUI, moreover it doesnt support adding additional ignore area for picker, so you have to add GestureRecognizer on your root element and add something like:
private void HideKeyboard(object? sender, TappedEventArgs e)
{
if (!MentionEditor.IsFocused)
return;
if (MentionEditor.IsSuggestionsPopupVisible
&& e.GetPosition(MentionPickerView) is { } position
&& position.InsideElement(MentionPickerView))
{
return;
}
MentionEditor.Unfocus();
}
Use ImageInsertCommand that passes string as filePath that user wants to insert

| Format | Supports |
|---|---|
| Mentions | Yes |
| Bold | Yes |
| Italic | Yes |
| Underline | Yes |
| Strikethrough | Yes |
| Bold | Yes |
| Custom Links | Yes |
| Custom Foreground Color | Not yet |
| Custom Background Color | Not yet |
| Link Auto Detect and highlight | Not yet |
Ideally, we want to implement all text styling features provided in FormattedString MAUI default control. To show and define style for formatting buttons that allow the user to toggle some style, use the RichToolbarState property declared in the RichEditor control. For example, see the RichEditor sample page in the Sample project.