如何在CKEditor 5中启用图片上传支持？

Question

我将使用ckeditor v5进入我的项目。我试图使用图片插件，但我没有找到足够的信息。

如果您看到Demoe here，您可以使用Drag & Drop轻松上传图像。但是，当我尝试下载气球拉链时，没有任何反应，当我尝试拖动&拖放图像时。也没有错误。

有没有办法在downladable变体中使用这个图像支持？

Answer 1

是的，图片上传包含在所有可用的版本中。有两个适配器内置：

• 对于CKFinder（此链接的CKEditor 4的网站，但它是相同的CKFinder），这需要你的服务器上安装CKFinder连接器（有两个连接器可供选择：CKFinder for PHP和CKFinder for ASP.NET）。

  一旦你有你的服务器上安装的连接器，你可以配置的CKEditor通过设置config.ckfinder.uploadUrl选择上传文件到该连接器：

  ClassicEditor 
      .create(editorElement, { 
       ckfinder: { 
        uploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json' 
       } 
      }) 
      .then(...) 
      .catch(...); 
  

• 对于Easy Image服务，这是CKEditor Cloud Services的一部分。

  如果您有令牌已经生成的服务，那么你只需要把它传递到编辑器槽的config.cloudServices.token选项，就是这么简单：

  ClassicEditor 
      .create(editorElement, { 
       cloudServices: { 
        token: 'your-token-goes-here' 
       } 
      }) 
      .then(...) 
      .catch(...); 
  

免责声明：以上是专有服务。

你也可以编写你自己的上传适配器，它将以你想要的方式发送文件到你的服务器（或者你是否想发送它们）。要了解更多关于实施自己的上传适配器的信息，请阅读FileRepository类和UploadAdapter接口的文档。

您可以在运行时为构建添加上传适配器，但最好的方法是将插件添加到构建中。这需要重建编辑器，您可以在Creating custom builds指南中阅读该编辑器。