Example of Enter Key Configuration in ASP.NET Core Rich Text Editor Control

Rich Text Editor

Enter Key Configuration

This sample demonstrates the API usage to customize the enter key and shift + enter key actions in the Rich Text Editor content. Code view represents the current rich text editor value when pressing typing any content or pressing enter key or shift + enter keys.

Code View

AخA
 
<p>In Rich text Editor, the enter key and shift + enter key actions can be customized using the enterKey and shiftEnterKey APIs. And 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>

In this demo, ensure the API's behaviors by

Changing the value of enterKey dropdown to customize the enter key action when it is pressed.
Changing the value of shiftEnterKey dropdown to customize the shift + enter key action when it is pressed.