CKEditor Samples » ENTER Key Configuration

This sample is not maintained anymore. Check out its brand new version in CKEditor Examples.

This sample shows how to configure the Enter and Shift+Enter keys to perform actions specified in the enterMode and shiftEnterMode parameters, respectively. You can choose from the following options:

The sample code below shows how to configure CKEditor to create a <div> block when Enter key is pressed.

CKEDITOR.replace( 'textarea_id', {
	enterMode: CKEDITOR.ENTER_DIV
});

Note that textarea_id in the code above is the id attribute of the <textarea> element to be replaced.

When Enter is pressed:
When Shift+Enter is pressed: