Blazor Rich Text Editor Example - Enter Key Configuration
<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>
This sample demonstrates the APIs to customize the Enter and Shift + Enter key actions in the Rich Text Editor. The Code view shows the HTML source of the Rich Text Editor content and is updated as you type in the editor.
The following properties are used to customize the key actions:
EnterKey- Changes the tag for the Enter key action. In this demo, change the value of the Enter key dropdown to customize the Enter key tag.ShiftEnterKey- Changes the tag for the Shift + Enter key action. In this demo, change the value of the Shift + Enter key dropdown to customize the Shift + Enter key tag.