Keyboard Support in EJ 1 ASP.NET MVC RichTextEditor

27 Apr 2018 / 1 minute to read

The editor has full keyboard accessibility that includes shortcuts to open and to do other actions with toolbar items, drop-down lists, and dialogs.

Press	To do this
`Arrow keys`	When a toolbar is focused Move between options in an open drop-down list
`Enter`	Execute the selected button, drop-down item
`ESC`	Cancel an action or close the dialog
`HOME` `END`	Go to first/last of the line
`CTRL` + `HOME` `CTRL` + `END`	Go to the beginning/end of a content
`PAGE UP` `PAGE DOWN`	Scroll up/down page in the content
`CTRL` + `A`	Select all content
`CTRL` + `C`	Copy the selected text or image
`CTRL` + `X`	Cut the selected text
`CTRL` + `V`	Paste text or image
`CTRL` + `Z`	Undo the last action
`CTRL` + `Y`	Redo the last action
`CTRL` + `U`	Make text underline
`CTRL` + `I`	Make text italic
`CTRL` + `B`	Make text bold

To disable the keyboard navigation, set the AllowKeyboardNavigation property of the editor to false (its default value is true). It will disable all the keyboard navigation shortcuts except for the UP/DOWN keys and PAGE UP/PAGE DOWN keys.

html

@{Html.EJ().RTE("rteSample").Width("100%").ContentTemplate(@<p>
        The Rich Text Editor (RTE) control is an easy to render in client side.
        Customer easy to edit the contents and get the HTML content for the displayed content.
        A rich text editor control provides users with a toolbar that helps them to apply rich text formats to the text entered in the text area.
    
    </p>)
        .AllowKeyboardNavigation(false)
        .Render();}