Jak włączyć obsługę przesyłania obrazów w CKEditor 5?

Question

Posłużę się cKeditor v5 w moim projekcie. Próbuję użyć wtyczki obrazu, ale nie znajduję wystarczających informacji na jej temat.

Jeśli zobaczysz Demoe here, możesz łatwo przesłać zdjęcia za pomocą Drag & Drop. Ale kiedy spróbuję, ściągając zamek z suwakiem nic się nie stanie, gdy spróbuję przeciągnąć & Upuść obraz. Nie ma również błędu.

Czy istnieje sposób użycia tej obsługi obrazu w wersji do opuszczenia?

Answer 1

Tak, przesyłanie obrazów jest częścią wszystkich dostępnych wersji. Istnieją dwa adaptery wbudowane:

• Dla CKFinder (to linki do strony internetowej CKEditor 4'S ale to samo CKFinder), które wymagają zainstalowania złącza CKFinder na serwerze (istnieją dwa złącza dostępne: CKFinder for PHP i CKFinder for ASP.NET).

  Gdy masz złącze zainstalowany na serwerze, można skonfigurować CKEditor, aby przesłać pliki do tego złącza poprzez ustawienie opcji config.ckfinder.uploadUrl:

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

• Dla usługi Easy Image która jest częścią CKEditor Cloud Services.

  Jeśli masz token do służby już generowane, wtedy po prostu trzeba przekazać go do edytora koryta opcję config.cloudServices.token, który jest tak proste, jak:

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

Uwaga: Te są usługami zastrzeżonymi.

Możesz również napisać własną kartę do przesyłania, która będzie wysyłać pliki w sposób, w jaki chcesz, do serwera (lub chcesz je wysłać). Aby dowiedzieć się więcej na temat implementacji własnego adaptera przesyłania, przeczytaj dokumentację klasy FileRepository i UploadAdapter.

Możesz dodać przejściówkę do kompilowanego środowiska wykonawczego, ale najlepszym sposobem na to jest dodanie wtyczki do kompilacji. Wymaga to przebudowania edytora, o którym można przeczytać w przewodniku Creating custom builds.