Wie wird die Unterstützung für das Hochladen von Bildern in CKEditor 5 aktiviert?

Question

Ich werde den CKeditor V5 in mein Projekt verwenden. Ich habe versucht, das Bild-Plugin zu verwenden, aber ich finde nicht genug Informationen darüber.

Wenn Sie die Demo sehen here, können Sie einfach Bilder mit Drag & Drop hochladen. Aber wenn ich es mit dem Downloadballon-Zip versuchen werde, passiert nichts, wenn ich versuche, & ein Bild zu ziehen. Es gibt auch keinen Fehler.

Gibt es eine Möglichkeit, diese Bildunterstützung in der herunterladbaren Variante zu verwenden?

Answer 1

Ja, Bild-Upload ist in allen verfügbaren Builds enthalten. Es gibt zwei Adapter eingebaut:

• Für CKFinder (diese Links zu CKEditor 4 Webseite, aber es ist das gleiche CKFinder), die verlangen, dass Sie die CKFinder Anschlüsse auf dem Server installiert werden (es gibt zwei Anschlüsse zur Verfügung: CKFinder for PHP und CKFinder for ASP.NET).

  Sobald Sie den Anschluss auf dem Server installiert haben, können Sie CKEditor konfigurieren Dateien, indem Sie die Option config.ckfinder.uploadUrl an diesen Connector laden:

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

• Für den Easy Image Dienst, der ein Teil von CKEditor Cloud Services ist.

  Wenn Sie die Token an den Dienst bereits erzeugt haben, dann müssen Sie es nur an den Redakteur passieren Trog die config.cloudServices.token Option, die so einfach ist:

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

Haftungsausschluss: Diese sind proprietäre Dienste.

Sie können auch einen eigenen Upload-Adapter schreiben, der Dateien auf die von Ihnen gewünschte Art und Weise sendet (oder Sie möchten sie senden). Um mehr über das Implementieren eines eigenen Upload-Adapters zu erfahren, lesen Sie die Dokumentation der Klasse FileRepository und UploadAdapter.

Sie könnten einen Upload-Adapter zu einem Build in Runtime hinzufügen, aber die beste Methode ist, ein Plugin zu einem Build hinzuzufügen. Dazu muss der Editor neu erstellt werden, den Sie im Handbuch Creating custom builds lesen können.