Реагируйте js: загрузка изображений не работает в CKEditor

Question

Загрузка изображения CKEditor не работает, ниже указан код

<CKEditor
                    editor={ ClassicEditor }
                    data={this.state.miscNotesData.miscnote}
                    onInit={ editor => {
                        // You can store the "editor" and use when it is needed.
                        console.log( 'Editor is ready to use!', editor );
                    } }
                    onChange={ ( event, editor ) => {
                        const data = editor.getData();
                        this.handleChange(data);
                        console.log( { event, editor, data } );
                    } }

                />

Ошибка:

  backend.js:6 filerepository-no-upload-adapter: Upload adapter is not defined. 
Read more: https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-filerepository-no-upload-adapter

Answer 1

Как указано в документации https://ckeditor.com/docs/ckeditor5/latest/features/image-upload/image-upload.html есть 4 варианта загрузки изображений в CKEDitor: Easy Image (проприетарный), CKFinder (требуется соединитель на PHP или ASP.net), простой адаптер, адаптер Base64

Я использую простой адаптер для этой цели с сервером Node js:

Сначала я установил SimpleUploadAdapter в ClassicEditor, затем я установил конфигурацию в CKEditor:

   <CKEditor
        data={input.value}
        editor={ ClassicEditor }
        config={{
          simpleUpload: {
            uploadUrl: 'https://myserver.herokuapp.com/image-upload'
          },
          toolbar: ['heading', '|', 'bold', 'italic', 'blockQuote', 'link', 'numberedList', 'bulletedList', 'imageUpload', 'insertTable',
            'tableColumn', 'tableRow', 'mergeTableCells', 'mediaEmbed', '|', 'undo', 'redo']
        }}
      />

И создал URL на моемсервер / загрузка изображений