Registry / web-framework / ckeditor5-build-classic

ckeditor5-build-classic

JSON →
library1.0.0jsnpmunverified

CKEditor 5 Classic Editor Build provides a ready-to-use rich-text editor, offering a familiar WYSIWYG interface with a toolbar at the top. The current stable versions of the CKEditor 5 framework are generally in the v47.x to v48.x range, though this specific `ckeditor5-build-classic` package is now deprecated. CKEditor 5 maintains a rapid release cadence, typically publishing new major versions every six months, with a Long-Term Support (LTS) edition released every two years for extended stability. Key differentiators include its modern MVC architecture, custom data model, virtual DOM, and native TypeScript implementation, making it highly modular and extensible. It is designed as a framework for creating custom editing solutions, supporting diverse use cases from simple text areas to complex collaborative environments. The library is dual-licensed under GPL 2+ for open-source projects and a commercial license for closed-source applications or access to premium features and LTS.

npm install ckeditor5-build-classic
INSTALL
IMPORT
SIG · CKEDITOR5-BUILD-CL
C
ckeditor5-build-classic
web-frameworkjavascriptv1.0.0
Install
—
Import
—
Disk
—
Pass rate
0/ 6
Env Coverage0 / 6
glibc
18–22
musl
18–22
Install & Compatibility
Where this runs
tested against v? · npm install
Install × environment matrix
Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux
musl
node 18–226 runs
build_error
glibc
node 18–226 runs
build_error
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');
This package is deprecated. The modern recommended approach is to use new installation methods or the CKEditor 5 online builder for custom builds.
ClassicEditor (global)
✓ <script src="./node_modules/@ckeditor/ckeditor5-build-classic/build/ckeditor.js"></script>
For direct browser usage, the ClassicEditor global is available after loading the compiled build script. This method is also affected by the package deprecation.
EditorConfig
✓ import { EditorConfig } from '@ckeditor/ckeditor5-core';
When creating custom builds or extending the editor, specific types like EditorConfig are imported from individual `@ckeditor/ckeditor5-*` packages, following the new installation methods. Deep imports (e.g., from `src/`) can lead to module duplication.

This code demonstrates how to initialize the CKEditor 5 Classic Editor using an ES module import and attach it to a DOM element, then logs the editor instance or any errors. It showcases the basic setup for programmatic use.

import ClassicEditor from '@ckeditor/ckeditor5-build-classic'; const editorElement = document.createElement('div'); editorElement.setAttribute('id', 'editor'); editorElement.innerHTML = '<p>This is the editor content.</p>'; document.body.appendChild(editorElement); ClassicEditor .create( editorElement ) .then( editor => { window.editor = editor; console.log( 'Editor was initialized', editor ); } ) .catch( err => { console.error( 'There was a problem initializing the editor.', err.stack ); } );
Debug
Known issues
breakingThe `@ckeditor/ckeditor5-build-classic` npm package, along with other predefined builds, is officially deprecated. Users are strongly encouraged to migrate to CKEditor 5's new installation methods (NIM) or use the CKEditor 5 online builder to create custom builds for future updates and feature access.
fix
Migrate your project to the new installation methods described in the official CKEditor 5 documentation or use the online builder to generate a custom build. Consider integrating directly from source if deeper customization is needed.
affects: >=42.0.0
gotchaCKEditor 5 is dual-licensed under GPL 2+ for open-source projects and a commercial license for closed-source applications or those requiring premium features (e.g., collaboration, specific exports, AI Assistant, LTS). Using the open-source distribution in a closed-source commercial product without a commercial license can lead to legal issues due to GPL's copyleft nature.
fix
Review your project's licensing requirements. For commercial, closed-source applications, or to access premium features/LTS, acquire a commercial license from CKSource. For open-source projects with GPL-incompatible licenses, contact CKSource for alternative open-source licensing.
affects: >=1.0.0
breakingCKEditor 5 undergoes frequent major releases (typically every 6 months), which often introduce breaking changes. These can affect editor configuration, plugin APIs, styling, and specific features.
fix
Always consult the official update guides and changelogs before upgrading across major versions. Pay close attention to migration instructions for API changes, configuration updates, and deprecated features. Ensure all CKEditor 5 packages in your project are of the same version to avoid conflicts.
affects: >=1.0.0
gotchaCKEditor 5 is designed as a modular framework, encouraging users to build custom editors tailored to their needs. Predefined builds like `ckeditor5-build-classic` offer a limited set of features. Missing functionalities (e.g., specific styling options, new plugins) are common if you rely solely on these deprecated builds.
fix
Utilize the CKEditor 5 online builder or integrate the CKEditor 5 framework directly into your project to create a custom build that includes all necessary plugins and configurations.
affects: >=1.0.0
Errors
Common errors & fixes
CKEditorError: ckeditor-duplicated-modules: Some CKEditor 5 modules are duplicated.
This error occurs when CKEditor 5 modules are evaluated and executed multiple times, often due to mixed import methods (e.g., legacy vs. new installation methods), incompatible plugin versions, or incorrect bundler configurations.
fix
Ensure all CKEditor 5 packages are updated to the latest compatible versions. If using custom plugins, verify their compatibility. Review your project's import statements to ensure consistent use of either new installation methods (importing from `@ckeditor/ckeditor5` or specific packages) or legacy build imports, avoiding mixing them. Clean `node_modules` and reinstall dependencies.
TypeError: ClassicEditor.create is not a function
This typically happens if the `ClassicEditor` symbol is not correctly imported or made available in the global scope. It can be caused by incorrect script loading order, issues with module resolution, or attempting to use module syntax in a non-module environment without proper bundling.
fix
If using ES modules, ensure `import ClassicEditor from '@ckeditor/ckeditor5-build-classic';` is at the top of your script. If using a `<script>` tag, ensure `ckeditor.js` is loaded before attempting to call `ClassicEditor.create()` and that the script is not in a module context (e.g., `<script type="module">`). Verify file paths are correct.
Error: Failed to load config "ckeditor5" to extend from.
This error often indicates a conflict in ESLint or webpack configurations, particularly when working with custom CKEditor 5 builds or forking repositories with different dependency versions.
fix
Check for conflicting versions of ESLint or other build tools in your `package.json` and in any forked CKEditor 5 repositories. Ensure consistent dependency versions. If creating a custom build, follow the official documentation for building and integrating, potentially pushing your custom build to a separate repository and installing it from there.
Upgrade
Version history
1.0.0latest on npm
Audit
Dependencies

No dependency data recorded yet.

Agent activity
10 hits · last 30 days
node
6
OpenAI (training)
1
Resources
ckeditor5-build-classic — npm install ckeditor5-build-classic · libregistry