IT技术 - CKEditor 5 React 自定义图片上传 - 吾爱随笔录

我花了一整天的时间试图让 CKEditor 和 React 一起工作。除了图像，一切似乎都很好。一世

我已经有办法将图像上传到我的服务器（天蓝色）。我所需要的只是知道如何使用 React 将它连接到 CKEditor！我不断收到错误“上传适配器未定义”。

<CKEditor
          editor={ ClassicEditor }
          data={this.state.body ? this.state.body : "<p>Body text...</p>"}
          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();
            console.log( { event, editor, data,}, "DATA" );
          } }
          // config={upload=this.uploadImage()}
          
        />

我猜它与配置文件有关？我已经有了上传文件并返回 URL 的函数，我只是不知道在哪里将它添加到 React 的 CKEditor 中。

<CKEditor editor={ClassicEditor} data={this.state.body ? this.state.body : "<p>Body text…</p>"} onInit={editor => { // Connect the upload adapter using code below editor.plugins.get("FileRepository").createUploadAdapter = function(loader) { return new UploadAdapter(loader); }; console.log("Editor is ready to use!", editor); }} onChange={(event, editor) => { const data = editor.getData(); console.log({ event, editor, data }, "DATA"); }} />