Get unlimited public & private packages + package-based permissions with npm Pro.Get started »


1.1.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.

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 file.


npm i ckeditor4-react

DownloadsWeekly Downloads





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

Unpacked Size

232 kB

Total Files


Last publish


  • avatar