Neolithic Programming Machine

    TypeScript icon, indicating that this package has built-in type declarations

    4.1.1 • Public • Published

    CKEditor 4 WYSIWYG editor component for React Tweet

    npm version GitHub tag

    Build 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 React from 'react';
    import { CKEditor } from 'ckeditor4-react';
    function App() {
    	return <CKEditor initData="<p>This is an example CKEditor 4 WYSIWYG editor instance.</p>" />;
    export default App;

    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.

    For even more examples, check out ready-to-fork samples inside samples directory. Each sample is a self-contained app that can be forked via GitHub or via services such as CodeSandbox. For instance, in order to clone basic sample, use this link.

    React support

    The CKEditor 4 React integration was tested with React 18.

    TypeScript support

    TypeScript 3.5+ is supported.

    Browser support

    The CKEditor 4 React integration works with all the supported browsers except for Internet Explorer.

    Previous versions of ckeditor4-react also support Internet Explorer 11 (requires additional polyfill for Promise).




    Copyright (c) 2003-2022, CKSource Holding sp. z o.o. 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-later OR MPL-1.1-or-later)

    Unpacked Size

    134 kB

    Total Files


    Last publish


    • ckeditor