如何在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指南中閱讀該編輯器。