ckeditor自定义图片上传并获取返回值

要在 CKEditor 中实现自定义图片上传并获取返回值，需要进行以下步骤：

1. 创建一个实现了 UploadAdapter 接口的自定义上传适配器类，并在其中实现 upload() 方法。在 upload() 方法中，可以使用 AJAX 或其他方式将图片上传至服务器，并返回一个 Promise 对象，该对象的 resolve() 方法中包含一个包含图片 URL 的对象。

class MyCustomUploadAdapter {
  constructor(loader) {
    this.loader = loader;
  }

  upload() {
    return this.loader.file.then(file => {
      return new Promise((resolve, reject) => {
        // 使用 AJAX 将图片上传至服务器
        // 并在上传成功后调用 resolve() 方法
        // 并将包含图片 URL 的对象作为参数传入
        resolve({ default: 'http://example.com/image.jpg' });
      });
    });
  }

  abort() {
    // 取消上传
  }
}

2. 在 CKEditor 的配置文件中，使用 config.filebrowserUploadAdapter 属性将自定义上传适配器类与 CKEditor 关联起来。

ClassicEditor.create(document.querySelector('#editor'), {
  // ...
  filebrowserUploadAdapter: MyCustomUploadAdapter
}).then(editor => {
  console.log('Editor was initialized', editor);
}).catch(error => {
  console.error(error.stack);
});

3. 在需要使用图片的地方，使用 CKEditor 提供的图片插入功能，插入上传的图片即可获取返回值。

editor.model.change(writer => {
  const imageElement = writer.createElement('image', {
    src: 'http://example.com/image.jpg'
  });
  editor.model.insertContent(imageElement);
});

注意：在实际使用中，需要根据具体的需求和服务器端的实现来进行适配器类的编写。