Each sample is a self-contained app.
To run any sample you need to perform basic setup steps:
cd samples/sample_name
npm i
npm run build
npm run startThe sample will be available under localhost:8080.
You may also use forked samples linked below.
| Sample | Description | Sample |
|---|---|---|
| basic | Basic showcase of CKEditor component. |
Link |
| basic-typescript | Basic showcase of CKEditor component with example webpack and TypeScript integration. |
Link |
| component | Advanced showcase of CKEditor component. |
Link |
| component-events | Showcase of using editor events with CKEditor component. |
Link |
| editor-url | Example usage of custom editorUrl. |
Link |
| hook | Showcase of useCKEditor hook. |
Link |
| hook-events | Showcase of using editor events with useCKEditor hook. |
Link |
| router | Example of using CKEditor along with react-router. |
Link |
| re-order | Example of handling multiple instances of CKEditor component (re-ordering case). |
Link |
| ssr | Showcase of using CKEditor with React server-side rendering. |
Link |
| state-lifting | Editor's state is lifted higher up React tree to establish connection with a custom textarea. |
Link |
| umd | Showcase of how umd build of ckeditor4-react package can be used. |
Link |