The best WYSIWYG editor library for React App

There are so many WYSIWYG editor libraries for React app, but not as all work well, some libraries cannot work or have some problems on the mobile devices, beside that, they are difficult to implement.
And now, we suggest you a WYSIWYG editor libraries that it's very easy for implement and use in React App is CKEditor 5 library

Install:

 npm install @ckeditor/ckeditor5-react @ckeditor/ckeditor5-build-classic
 // or 
 yarn add @ckeditor/ckeditor5-react @ckeditor/ckeditor5-build-classic


Add to your React app:




Component properties:

The component supports the following properties:
editor (required) – The Editor constructor to use.
data – The initial data for the created editor. See the Basic API guide.
config – The editor configuration. See the Configuration guide.
onInit – A function called when the editor was initialized. It receives the initialized editor as a parameter.
disabled – A Boolean value. The editor is being switched to read-only mode if the property is set to true.
onChange – A function called when the editor data has changed. See the editor.model.document#change:data event.
onBlur – A function called when the editor was blurred. See the editor.editing.view.document#blur event.
onFocus – A function called when the editor was focused. See the editor.editing.view.document#focus event.

View more documents

© 2019 4codev

Created with love by Sil.