Skip to content

ckeditor/ckeditor4-react

master
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

Usage

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

Contributing

See CONTRIBUTING.md.

License

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