Official React component for CKEditor 4 – the best browser-based rich text editor.

Usage no npm install needed!

<script type="module">
  import ckeditor4ReactFkit from '';


CKEditor 4 rich text editor component for React

npm version Build Status
Dependency Status devDependency Status

Official CKEditor 4 rich text editor component for React.

This is the beta version of the CKEditor 4 React integration. 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 instance.</p>" />

Documentation and examples

See the React Integration article in the CKEditor 4 documentation.

You can also check out React example in the CKEditor 4 Example.


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 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-2019, 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.