Blazor Rich Text Editor Example - Mail Merge

Rich Text Editor / Mail Merge

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

Loading Syncfusion Blazor Server Demos…

The mail merge in the Rich Text Editor sample 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
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE