Registry / productivity / custom-build-inline

custom-build-inline

JSON →
library1.1.3jsnpmunverified

The classic editor build of CKEditor 5 – the best browser-based rich text editor. This package provides a pre-built version of the classic editor with a default set of plugins. Current stable version is 41.1.0 (as of latest). CKEditor 5 is actively maintained with frequent releases. Key differentiators include a modern architecture with custom data model, real-time collaboration support, and a flexible UI framework. Compared to alternatives like TinyMCE or Quill, CKEditor 5 offers superior collaboration features and a more extensible plugin system.

productivity
npm install custom-build-inline
github ↗package ↗homepage ↗
INSTALL
IMPORT
SIG · CUSTOM-BUILD-INLIN
C
custom-build-inline
productivityjavascriptv1.1.3
harness data pending
Install & Compatibility
Where this runs

No compatibility data collected yet for this library.

Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

ClassicEditor
✓ import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
✗ const ClassicEditor = require('@ckeditor/ckeditor5-build-classic');
The default export is the ClassicEditor class. CommonJS require works but is not recommended for modern bundlers. ESM is preferred.
ClassicEditor (script tag)
✓ <script src="./node_modules/@ckeditor/ckeditor5-build-classic/build/ckeditor.js"></script>
When using a script tag, ClassicEditor is available as a global. Ensure the path is correct for production.
InlineEditor
✓ import InlineEditor from '@ckeditor/ckeditor5-build-inline';
✗ import InlineEditor from '@ckeditor/ckeditor5-build-classic';
Use the correct build package for the editor type. Classic editor is only for classic (with toolbar) layout.

Shows how to import and initialize the ClassicEditor with a custom toolbar and heading configuration.

import ClassicEditor from '@ckeditor/ckeditor5-build-classic'; ClassicEditor .create(document.querySelector('#editor'), { toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote'], heading: { options: [ { model: 'paragraph', title: 'Paragraph' }, { model: 'heading1', view: 'h1', title: 'Heading 1' }, { model: 'heading2', view: 'h2', title: 'Heading 2' } ] } }) .then(editor => { console.log('Editor initialized', editor); }) .catch(error => { console.error('There was a problem initializing the editor.', error); });
Debug
Known issues
gotchaThe editor build includes only a subset of plugins. To add more features, you must create a custom build or integrate source modules.
fix
Use a custom build with @ckeditor/ckeditor5-dev-webpack-plugin or import source modules from individual packages like @ckeditor/ckeditor5-alignment.
affects: *
gotchaSome CKEditor 5 plugins require specific license keys or are GPL-only. Commercial use may need a license.
fix
Check licensing at https://ckeditor.com/legal/ckeditor-oss-license.
affects: *
deprecatedThe UMD build (ckeditor.js) is deprecated in favor of ESM. It may not be updated with new versions.
fix
Use ESM imports via bundler or importmap.
affects: >=30.0.0
Errors
Common errors & fixes
Error: The "ClassicEditor" plugin is required for this build.
Missing or incorrect import of the classic editor build.
fix
Ensure you import ClassicEditor from '@ckeditor/ckeditor5-build-classic'.
Uncaught TypeError: Cannot read properties of undefined (reading 'create')
Trying to call .create on an undefined value, typically due to incorrect import or script load failure.
fix
Double-check the import path or script tag source; ensure the build file is loaded.
CKEditorError: ckeditor-duplicated-modules: Some modules are duplicated.
Mixing different versions of CKEditor packages in the same project.
fix
Ensure all @ckeditor/ckeditor5-* packages are on the same version.
Error: The editor cannot be initialized because the given element is not an HTML element.
Passing a non-element (e.g., NodeList, null) to create().
fix
Use document.querySelector() to select a single element, not querySelectorAll.
Upgrade
Version history
1.1.3latest on npm
Audit
Dependencies

No dependency data recorded yet.

Agent activity
34 hits · last 30 days
node
30
OpenAI (training)
1
Resources
githubhttps://github.com/ckeditor/ckeditor5 ↗
packagecustom-build-inline ↗
homepagehttps://ckeditor.com/ckeditor-5 ↗
custom-build-inline — npm install custom-build-inline · libregistry