Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »


1.2.0 • 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.


After cloning this repository, install necessary dependencies:

npm install

Executing tests

npm run test

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-2020, 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

234 kB

Total Files


Last publish


  • avatar