Blazor Rich Text Editor Example - Enter Key Configuration
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
<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.