Comment activer le transfert d'image de soutien dans CKEditor 5?
Je vais utiliser le ckeditor v5 dans mon projet. Ive a essayé d'utiliser le plugin image, mais je ne la trouvez pas assez d'informations à ce sujet.
Si vous voyez le Demoe ici, vous pouvez facilement télécharger des images avec le Drag&Drop. Mais quand je vais l'essayer avec le téléchargement ballon zip rien ne se passe lorsque j'essaie de Drag&Drop d'une image. Il n'y a également aucune erreur.
Est-il un moyen d'utiliser ce support de l'image dans le downladable variante?
OriginalL'auteur Lukas Gund | 2017-10-16
Vous devez vous connecter pour publier un commentaire.
Oui, le téléchargement d'images est inclus dans toutes les versions. Pour le faire fonctionner, cependant, vous devez configurer l'un de l'existant télécharger des cartes ou écrire votre propre. En bref, téléchargement carte est une simple classe dont le rôle est d'envoyer un fichier à un serveur (de quelque façon qu'il veut) et de résoudre le retour de la promesse une fois que c'est fait.
Vous pouvez lire la suite dans l'officiel Téléchargement d'Image guide ou voir le résumé des options disponibles ci-dessous.
Officiel de télécharger des cartes
Il y a deux haut-adaptateurs:
Pour CKFinder qui nécessitent l'installation de la CKFinder connecteurs sur votre serveur.
Une fois que vous avez le connecteur installé sur votre serveur, vous pouvez configurer CKEditor pour télécharger des fichiers à ce connecteur par la définition de la
config.ckfinder.uploadUrl
option:Vous pouvez également activer l'intégration complète avec CKFinder du côté client du gestionnaire de fichiers. Découvrez la CKFinder intégration des démos et de lire plus dans le CKFinder intégration guide.
Pour la Image Facile service qui est une partie de CKEditor Services Cloud.
Vous devez configurer un Nuage de compte de Services et une fois que vous créé un jeton d'extrémité configurer l'éditeur à utiliser:
Avertissement: ce sont des services exclusifs.
Coutume télécharger adaptateur
Vous pouvez également écrire votre propre charger adaptateur qui permettra d'envoyer des fichiers dans la façon dont vous voulez que votre serveur (ou où vous le souhaitez et de les envoyer).
Voir Image personnalisée télécharger adaptateur guide pour savoir comment la mettre en œuvre.
Un exemple (c'est à dire sans sécurité intégrée) télécharger adaptateur peut ressembler à ceci:
Qui peut ensuite être activé comme ceci:
REMARQUE: ci-dessus est juste un exemple de téléchargement de l'adaptateur. En tant que tel, il ne dispose pas de mécanismes de sécurité intégrés (tels que la protection CSRF).
Comme ma réponse, dit – vous pouvez également écrire vous même télécharger adaptateur. Il y a même un 3ème partie plugin qui fait juste cela (npmjs.com/package/ckeditor5-simple-upload).
thx.. testé le simple-upload, mais ça casse pour ckeditor5-beta1 pour le moment.
Merci @Reinmar pour le lien, j'ai enfin peut convertir l'ES6 syntaxe générique navigateur de base de la syntaxe JavaScript ici, juste en cas de besoin de quelqu'un pour faire simple app.
Pour le passage de jetons CSRF vous pouvez utiliser
xhr.setRequestHeader()
dans_initRequest()
aprèsxhr.open('POST', this.url, true);
. par exemple pour Laravel, vous devez ajouterxhr.setRequestHeader("X-CSRF-TOKEN", document.head.querySelector('meta[name="csrf-token"]').content);
OriginalL'auteur Reinmar