Wondering what’s next for npm?Check out our public roadmap! »


    1.4.2 • Public • Published

    CKEditor 4 WYSIWYG editor component for React Tweet

    npm version GitHub tag

    Build Status Dependency Status devDependency Status

    Join newsletter Follow Twitter

    Official CKEditor 4 WYSIWYG editor component for React.

    We are looking forward to your feedback! You can report any issues, ideas or feature requests on the integration issues page.

    CKEditor 4 screenshot


    import CKEditor from 'ckeditor4-react';
    <CKEditor data="<p>This is an example CKEditor 4 WYSIWYG editor instance.</p>" />

    Documentation and examples

    See the CKEditor 4 WYSIWYG Editor React Integration article in the CKEditor 4 documentation.

    You can also check out CKEditor 4 WYSIWYG Editor React Integration example in CKEditor 4 Examples.

    Browser support

    The CKEditor 4 React component works with all the supported browsers except for Internet Explorer 8-10.


    After cloning this repository, install necessary dependencies:

    npm install

    Executing tests

    npm run test

    The command above should be used to get a quick feedback on passing / failing tests. By default, tests on Chrome will be launched with locally installed version of React.

    Run npm run test:all to run tests on all supported versions of React. By default, test suite runs on Chrome but browser argument can be passed, e.g. npm run test:all -- --browser Firefox. See scripts/react-tester.js for details.

    If you are going to change the source files (ones located in the src/ directory), remember about rebuilding the package. You can use npm run develop in order to do it automatically.

    Running samples

    Samples uses development built version to simplify component testing. Run below command to open sample page in your default system browser:

    npm run samples

    Any component changes will be automatically rebuild.

    Building the package

    Build a minified version of the package that is ready to publish:

    npm run build


    Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.

    Licensed under the terms of any of the following licenses at your choice:

    For full details about the license, please check the LICENSE.md file.


    npm i ckeditor4-react

    DownloadsWeekly Downloads





    (GPL-2.0-or-later OR LGPL-2.1 OR MPL-1.1)

    Unpacked Size

    268 kB

    Total Files


    Last publish


    • avatar