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.
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;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.
The CKEditor 4 React integration was tested with React 18.
TypeScript 3.5+ is supported.
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).
See CONTRIBUTING.md.
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:
- GNU General Public License Version 2 or later,
- GNU Lesser General Public License Version 2.1 or later,
- Mozilla Public License Version 1.1 or later (the "MPL").
For full details about the license, please check the LICENSE.md file.