function - 如何使用 Jodit 编辑器正确插入上传的图像？

Question

我目前在上传图片后尝试插入图片时遇到问题。我已按照https://xdsoft.net/jodit/上的文档进行操作，但仍有问题。

这是我的配置对象：

{
  readonly: false,
  enableDragAndDropFileToEditor: true,
  uploader: {
    url: this.url_upload,
    data: {
      dir: this.dir
    },
    baseurl: relativePathURL,
    process: (response) => {
      let files = [];
      response.list.map((file) => {
        files.push(file.name);
      });
      return { 
        files,
        path: relativePathURL,
        baseurl: '/content/assets',
        error: (response.success ? 0 : 1),
        msg: response.message
      };
    },
    defaultHandlerSuccess: (response) => {      
      if (response.files && response.files.length) {
        for (let i = 0; i < response.files.length; i++) {
          let full_file_path = response.path + response.files[i];
          this.selection.insertImage(full_file_path);
        }
      }
    }
  }
}

我了解返回对象process是传递给defaultHandlerSuccess插入文件的位置的响应。但是，我o is undefined每次都收到此错误。

我正在寻找有关如何正确插入图像的一些见解。我做错了什么？

Answer 1

我最终做了一些进一步的测试来诊断问题。

我将原来的重命名node_modules/jodit/build/jodit.min.js为node_modules/jodit/build/_jodit.min.js, 和node_modules/jodit/build/jodit.jsto node_modules/jodit/build/jodit.min.js，这样我才能真正理解这个问题。

执行此操作后，错误在insertImage函数中，第 671 行未定义defaultWidth。 https://github.com/xdan/jodit/blob/master/src/modules/Selection.ts#L655

因此，更改只是在调用insertImage函数时提供其他两个参数，如下所示：

this.selection.insertImage(full_file_path, null, 250);

在提供的示例 ( https://xdsoft.net/jodit/v.2/doc/tutorial-uploader-settings.html ) 中，没有提及所需的参数。

希望这可以帮助其他有同样问题的人。