JSPM

@ckeditor/ckeditor5-build-classic

44.3.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 97721
  • Score
    100M100P100Q23635F
  • License SEE LICENSE IN LICENSE.md

The classic editor build of CKEditor 5 – the best browser-based rich text editor.

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ckeditor/ckeditor5-build-classic) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    CKEditor 5 classic editor build

    npm version Coverage Status CircleCI

    The classic editor build for CKEditor 5. Read more about the classic editor build and see the demo.

    CKEditor 5 classic editor build screenshot

    Documentation

    See:

    Quick start

    First, install the build from npm:

    npm install --save @ckeditor/ckeditor5-build-classic

    And use it in your website:

    <div id="editor">
        <p>This is the editor content.</p>
    </div>
    <script src="./node_modules/@ckeditor/ckeditor5-build-classic/build/ckeditor.js"></script>
    <script>
        ClassicEditor
            .create( document.querySelector( '#editor' ) )
            .then( editor => {
                window.editor = editor;
            } )
            .catch( error => {
                console.error( 'There was a problem initializing the editor.', error );
            } );
    </script>

    Or in your JavaScript application:

    import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
    
    // Or using the CommonJS version:
    // const ClassicEditor = require( '@ckeditor/ckeditor5-build-classic' );
    
    ClassicEditor
        .create( document.querySelector( '#editor' ) )
        .then( editor => {
            window.editor = editor;
        } )
        .catch( error => {
            console.error( 'There was a problem initializing the editor.', error );
        } );

    Note: If you are planning to integrate CKEditor 5 deep into your application, it is actually more convenient and recommended to install and import the source modules directly (like it happens in ckeditor.js). Read more in the Advanced setup guide.

    License

    Licensed under a dual-license model, this software is available under:

    For more information, see: https://ckeditor.com/legal/ckeditor-licensing-options.