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.js 到 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 ) 中，没有提及所需的参数。

希望这对遇到同样问题的其他人有所帮助。