Once you have the key, you must integrate it into your JavaScript application. The method depends on how you installed CKEditor 5.
import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor'; import Essentials from '@ckeditor/ckeditor5-essentials/src/essentials'; import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph'; import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';// THIS IS WHERE THE LICENSE KEY GOES ClassicEditor.builtinPlugins = [ Essentials, Paragraph, Bold ];
ClassicEditor .create( document.querySelector( '#editor' ), licenseKey: 'YOUR_CKEDITOR_5_LICENSE_KEY_HERE', // <-- Insert key toolbar: [ 'bold', 'undo', 'redo' ] ) .then( editor => console.log( 'Editor was initialized with a valid license key', editor ); ) .catch( error => console.error( error ); );ckeditor 5 license key
Set a calendar reminder 30 days before your license expires. If it lapses, premium features will stop working, and your app may show licensing errors to users. Once you have the key, you must integrate
Message: CKEditorError: license-key-missing
Cause: You are using a premium feature, but no key is set.
Fix: Ensure licenseKey is passed in config or window.CKEDITOR_LICENSE_KEY is defined before editor initialization. Set a calendar reminder 30 days before your license expires
Whether you are using the GPL key or a paid commercial key, the implementation in your code is identical. You need to pass the licenseKey property in the configuration object when initializing the editor.
Getting a license key is straightforward. Follow this step-by-step process: