Example of Custom Emoticons in Blazor Rich Text Editor Component

Rich Text Editor / Custom Toolbar Item / Custom Emoticons

This sample shows how to add emoticons chooser toolbar item to the Toolbar of the Rich Text Editor. Click the 🙂 icon in the Toolbar to view the list of custom emoticons, and then choose the emoticon to be inserted in the editor.

The Rich Text Editor allows to configure custom commands to its Toolbar using Items property of RichTextEditorToolbarSettings. The custom command toolbar item appearance can be configured using RichTextEditorCustomToolbarItems within RichTextEditorToolbarSettings.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE