Làm cách nào để bật hỗ trợ tải lên hình ảnh trong CKEditor 5?

Question

Tôi sẽ sử dụng ckeditor v5 vào dự án của mình. Tôi đang cố gắng sử dụng plugin hình ảnh, nhưng tôi không tìm đủ thông tin về nó.

Nếu bạn nhìn thấy Demoe here, bạn có thể dễ dàng tải lên hình ảnh với Drag & Thả. Nhưng khi tôi sẽ thử nó với zip download ballon không có gì xảy ra khi tôi cố gắng kéo & Thả một hình ảnh. Cũng không có lỗi.

Có cách nào để sử dụng hỗ trợ hình ảnh này trong biến thể có thể điều chỉnh được không?

Answer 1

Có, tải lên hình ảnh được bao gồm trong tất cả các bản dựng sẵn có. Có hai adapter built-in:

• Đối CKFinder (liên kết này đến trang web của ckeditor 4 nhưng đó là CKFinder giống nhau) mà yêu cầu bạn phải cài đặt kết nối CKFinder trên máy chủ của bạn (có hai đầu nối sẵn: CKFinder for PHP và CKFinder for ASP.NET).

  Một khi bạn đã kết nối được cài đặt trên máy chủ của bạn, bạn có thể cấu hình ckeditor để tải lên các tập tin để kết nối đó bằng cách thiết lập các tùy chọn config.ckfinder.uploadUrl:

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

• Đối với dịch vụ Easy Image mà là một phần của CKEditor Cloud Services.

  Nếu bạn có dấu hiệu cho dịch vụ đã tạo ra, sau đó bạn chỉ cần phải vượt qua nó để soạn thảo trough tùy chọn config.cloudServices.token, đó là đơn giản như vậy:

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

Disclaimer: Những là các dịch vụ độc quyền.

Bạn cũng có thể viết bộ điều hợp tải lên của riêng mình sẽ gửi tệp theo cách bạn muốn đến máy chủ của mình (hoặc bạn muốn gửi chúng). Để tìm hiểu thêm về việc triển khai bộ điều hợp tải lên của riêng bạn, hãy đọc tài liệu về giao diện FileRepository của lớp và UploadAdapter.

Bạn có thể thêm bộ điều hợp tải lên vào bản dựng trong thời gian chạy, nhưng cách tốt nhất để làm điều đó là thêm plugin vào bản dựng. Điều này yêu cầu xây dựng lại trình chỉnh sửa mà bạn có thể đọc trong hướng dẫn Creating custom builds.