OverviewOfficial Website

Ck Editor is a set of ready-to-use rich text editors created with a powerful framework. Made with real-time collaborative editing in mind.

Import Package

<!-- ckeditor -->
import { CKEditor } from "@ckeditor/ckeditor5-react";
import ClassicEditor from "@ckeditor/ckeditor5-build-classic";

Add Package

yarn add @ckeditor/ckeditor5-react @ckeditor/ckeditor5-build-classic --save

Remove Package

yarn remove @ckeditor/ckeditor5-react @ckeditor/ckeditor5-build-classic ( you can remove package by removing specific package from package.json )

<CKEditor
    editor={ClassicEditor}
    data="<p>Hello from CKEditor 5!</p>"
    onReady={(editor) => {
    // You can store the "editor" and use when it is needed.                        
    }}
    onChange={(editor) => {
    editor.getData();
    }}
/>