Contribute to this guide

guideUpdate to CKEditor 5 v36.x

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.

# Update to CKEditor 5 v36.0.0

For the entire list of changes introduced in version 36.0.0 se 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 {}