Contribute to this guide

guideUpdate to CKEditor 5 v36.0.0

When updating your CKEditor 5 installation, make sure all the packages are the same version to avoid errors.

For custom builds, you may try removing the package-lock.json or yarn.lock files (if applicable) and reinstalling all packages before rebuilding the editor. For best results, make sure you use the most recent package versions.

For the entire list of changes introduced in version 36.0.0, see the release notes for CKEditor 5 v36.0.0.

Listed below are the most important changes that require your attention when upgrading to CKEditor 5 v36.0.0.

# Importing EditorUI class

The EditorUI class was moved from the @ckeditor/ckeditor5-core to the @ckeditor/ckeditor5-ui package. Thus, it is enough to update imports (depending on the format used):

  • from 'ckeditor5/src/core' to 'ckeditor5/src/ui'
  • from '@ckeditor/ckeditor5-core/src/editor/editorui' to '@ckeditor/ckeditor5-ui/src/editorui/editorui'

Before:

import { EditorUI } from '@ckeditor/ckeditor5-core/src/editor/editorui';

export default class MyEditorUI extends EditorUI {}

After:

import { EditorUI } from '@ckeditor/ckeditor5-ui/src/editorui/editorui';

export default class MyEditorUI extends EditorUI {}