ckeditor / ckeditor5-react

Official CKEditor 5 React component.
https://ckeditor.com/ckeditor-5
Other
425 stars 99 forks source link

When Typing in Editor nothing get's inputed it's always blank and even onChange is not triggered #415

Open neelsingh98 opened 1 year ago

neelsingh98 commented 1 year ago

I have setup ckEditor5-react when trying to type in editor nothing gets inserted it's always blank, i have done the necessary webpack changes mentioned on https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/alternative-setups/integrating-from-source-webpack.html#javascript-3

image

`import React from 'react'; import { CKEditor } from '@ckeditor/ckeditor5-react'; import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor'; import Essentials from '@ckeditor/ckeditor5-essentials/src/essentials'; import Font from '@ckeditor/ckeditor5-font/src/font'; import { Bold, Italic, Underline } from '@ckeditor/ckeditor5-basic-styles';

const WYSIWYGEditor = () => { const editorConfig = { plugins: [Essentials, Font, Bold, Italic, Underline], toolbar: [ 'Undo', 'Redo', 'bold', 'italic', 'underline', 'fontfamily', 'fontsize', 'fontColor', ], };

return ( <> <CKEditor data="

Hello from CKEditor 5!

" config={editorConfig} editor={ClassicEditor} onReady={() => { console.log('Editor is Ready!'); }} onChange={(event, editor) => { const data = editor.getData(); console.log({ event, editor, data }); }} /> </> ); };

export default WYSIWYGEditor; `

rxy001 commented 1 year ago

I have the same issue. @neelsingh98 did you find a solution ?

neelsingh98 commented 1 year ago

I have the same issue. @neelsingh98 did you find a solution ?

Hi @rxy001 No, i am using their online builder to download the predefined build and customising it as per my needs.

rxy001 commented 1 year ago

Hi @rxy001 No, i am using their online builder to download the predefined build and customising it as per my needs.

@neelsingh98 Thanks.