The {@link module:heading/title~Title title} feature adds support for the title field to your document. It makes sure that there will be always a single title field at the beginning of your document.
{@snippet features/title}
Title plugin lets you navigate between title and body elements using Tab key and back, using Shift + Tab, providing form-like experience. You can also use Enter and Backspace keys to move caret between title and body.
Title plugin is integrated with the {@link features/editor-placeholder placeholder} configuration. If you define it, it will be used as the placeholder for the body element.
To add this feature to your editor, install the @ckeditor/ckeditor5-heading package:
npm install --save @ckeditor/ckeditor5-heading
Then add the Title plugin to your plugin list:
import Title from '@ckeditor/ckeditor5-heading/src/title';
ClassicEditor
.create( document.querySelector( '#editor' ), {
plugins: [ Title, ... ]
} )
.then( ... )
.catch( ... );
Read more about {@link builds/guides/integration/installing-plugins installing plugins}.