@ckeditor/ckeditor5-enter
Version:
Enter feature for CKEditor 5.
62 lines (61 loc) • 2.06 kB
JavaScript
/**
* @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
*/
/**
* @module enter/enter
*/
import { Plugin } from '@ckeditor/ckeditor5-core';
import { EnterCommand } from './entercommand.js';
import { EnterObserver } from './enterobserver.js';
/**
* This plugin handles the <kbd>Enter</kbd> keystroke (hard line break) in the editor.
*
* See also the {@link module:enter/shiftenter~ShiftEnter} plugin.
*
* For more information about this feature see the {@glink api/enter package page}.
*/
export class Enter extends Plugin {
/**
* @inheritDoc
*/
static get pluginName() {
return 'Enter';
}
/**
* @inheritDoc
*/
static get isOfficialPlugin() {
return true;
}
init() {
const editor = this.editor;
const view = editor.editing.view;
const viewDocument = view.document;
const t = this.editor.t;
view.addObserver(EnterObserver);
editor.commands.add('enter', new EnterCommand(editor));
this.listenTo(viewDocument, 'enter', (evt, data) => {
// When not in composition, we handle the action, so prevent the default one.
// When in composition, it's the browser who modify the DOM (renderer is disabled).
if (!viewDocument.isComposing) {
data.preventDefault();
}
// The soft enter key is handled by the ShiftEnter plugin.
if (data.isSoft) {
return;
}
editor.execute('enter');
view.scrollToTheSelection();
}, { priority: 'low' });
// Add the information about the keystroke to the accessibility database.
editor.accessibility.addKeystrokeInfos({
keystrokes: [
{
label: t('Insert a hard break (a new paragraph)'),
keystroke: 'Enter'
}
]
});
}
}