« See all

CKEditor 4 React integration 2.0.0 with React 17 support

WYSIWYG editor with React 17 support - CKEditor 4

We are happy to announce the release of the native integration of CKEditor 4, a full-featured WYSIWYG editor, with React, one of the most popular JavaScript frameworks. It provides deep integration of CKEditor 4 and React that lets you use the native features of the WYSIWYG editor inside a React component. This v2.0.0 release brings three most important changes:

  • React v17.x support,
  • React hooks support,
  • TypeScript support and typings.

Compared to v1.x integration which supports React versions lower than 17.x, this stable release also brings the following changes:

  • ESM, CJS and UMD package format support.
  • Support for setting the editor’s initial data as both JSX and HTML string.
  • Ready-to-use, forkable samples for easier testing and bootstrapping.
  • Updated dependencies.

# React hooks in CKEditor 4

While the support for the new versions of React is a natural process that ensures security and stability, the introduction of React hooks is something more. Hooks are the modern way of abstracting business logic in a React app and may be used for smoother development. Moving to hooks or functional components gets in line with modern React design patterns and opens new possibilities.

Refer to the React integration v2 user guide to check the changes. Make sure to read the migration section of the guide with important information on how to implement this new package in your environment. You can also refer to the ready editor samples to see it working.

# Changelog

See the release notes for a full list of changes.

# Download

Download CKEditor 4 React integration v2 now!

# Reporting issues and feature requests

If you miss anything in CKEditor 4 React integration, have some ideas on how the best file uploader for CKEditor could be improved, or if you found a bug, please do not hesitate to report an issue in the CKEditor 4 React integration issue tracker. The tracker is public, so not only can you submit your ideas, but you can also browse existing issues and add your comments there.

# Looking for a different framework?

Looking for integrations for Angular or Vue instead? We have got you covered too, please refer to CKEditor 4 Angular integration and CKEditor4 Vue integration on npm.

Share this post

Linkedin Reddit
CKEditor 5 v29.1.0 with content minimap, HTML comments and Revision History autosave
Best practices of remote work are in use at CKSource. Come join us!
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check