Estoy usando ckeditor y me pregunto cuál es la forma correcta de administrarlo en React.JS .

Mi solución actual
Estoy siguiendo este tutorial para instalar ckeditor en mi proyecto ejecutando npm install --save @ckeditor/ckeditor5-react @ckeditor/ckeditor5-build-classic .

En aplicación.js

 return( <CKEditor editor={ ClassicEditor } config={ { toolbar: ['heading', '|', 'bold', 'italic', 'blockQuote', 'link', 'numberedList', 'bulletedList', 'imageUpload', 'insertTable', 'tableColumn', 'tableRow', 'mergeTableCells', 'mediaEmbed', '|', 'undo', 'redo'], heading: { options: [ { model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' }, { model: 'heading1', view: 'h1', title: 'Heading 1', class: 'ck-heading_heading1' }, { model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' } ] } } } data={content} onReady={ editor => { console.log( 'Editor is ready to use!', editor ); } } onChange={ ( event, editor ) => { const data = editor.getData(); console.log( { event, editor, data } ); } } /> )

Después de eso, encuentro que necesito usar la función de insert image que requiere Base64 image upload adapter del complemento.

Estoy pensando en usar la siguiente forma de hacerlo después de haber investigado un poco:

Descargue ckeditor5-build-classic-stable y modifique src/ckeditor.js de acuerdo con este tutorial , y luego deje que se refiera a mis node_modules en mi proyecto. **
Pero encuentro que tiene algunos inconvenientes, como la necesidad de ejecutar npm run build cuando quiero ver los cambios.

¿Alguna sugerencia?