Ckeditor 4 文件浏览器并发送到服务器按钮

Question

我向我的 ckeditor 添加了 'Enhanced image',image2 插件，我一直在尝试将其配置为当用户在文件浏览器中选择一张图像时自动上传到服务器而无需用户单击发送到服务器按钮。有谁知道如何做到这一点？

谢谢

Answer 1

我终于弄明白了，尽管我确信一定存在更好的方法。

要上传图片而不需要发送到服务器按钮我必须先覆盖 CKEDITOR.ui.dialog.file.prototype.reset

CKEDITOR.ui.dialog.file.prototype.reset = function() {
  //code
  .$.write(['...',<input onchange="this.form.submit()" .../>,  '...'])
  //code
}

然后在我的 config.js dialogDefinition

var dialog = dialogDefinition.dialog;
var uploadButton = uploadTab.get('uploadButton');

if ( dialogName === 'image2') {
  var filebrowserSe = dialog.getParentEditor()._.filebrowserSe = uploadButton;
  filebrowserSe.getDialog = function() {return dialog};
  uploadTab.remove('uploadButton');
  //code ...
}

Ckeditor 4 文件浏览器并发送到服务器按钮

Ckeditor 4 filebrowser and send to server button

ckeditor

ckeditor4.x