Rich Text Editor / Mail Merge

Blazor Rich Text Editor Example - Mail Merge

Loading Syncfusion Blazor Server Demos…

This sample demonstrates how to implement mail merge in the Rich Text Editor by inserting placeholders into the editor using custom toolbar items, which are then replaced with actual data to create personalized content.

Mail merge in the Rich Text Editor enables users to insert placeholders for personalized content. These placeholders are replaced with actual data when generating the final content, making it easy to create customized letters, invoices, and more.

The following configurations are used in this sample:

  • The Button and DropDownButton components are configured in the custom toolbar of the Rich Text Editor.
  • The Button click action performs the merge of the editor placeholder content.
  • The DropDownButton component provides a list of available fields such as "First Name" or "Email Address." A selected field from this dropdown is inserted into the editor as a placeholder.
  • The Mention component allows insertion of merge fields by pressing the mention character (such as {) in the editor and selecting an item. These chips make it easy to see and select fields directly within the content.
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE