Blazor Rich Text Editor Example - Enter Key Configuration

Rich Text Editor / Enter Key Configuration

This sample demonstrates the APIs to customize the Enter and Shift + Enter key actions in the Rich Text Editor. Code view shows the HTML source of the Rich Text Editor content, and it is updated as you type in the editor.

Loading Syncfusion Blazor Server Demos…



<p>In Rich text Editor, the Enter key and Shift + Enter key actions can be customized using the EnterKey and ShiftEnterKey properties. The possible values are as follows:</p><ul><li> P - When 'P' is configured, pressing enter or shift + enter will create a 'p' tag</li><li>DIV - When 'DIV' is configured, pressing enter or shift + enter will create a 'div' tag</li><li>BR - When 'BR' is configured, pressing enter or shift + enter will create a 'br' tag</li></ul>

The following properties are used to customize the key actions,

  • EnterKey - To change the tag of Enter key action. In this demo, change the value of Enter key dropdown to customize the Enter key tag.
  • ShiftEnterKey - To change the tag pf Shift + Enter key action. In this demo, change the value of Shift + Enter key dropdown to customize the Shift + Enter key tag.
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