Feature #9331
fermé
Améliorer l'ajout d'image dans un contenu wysiwyg
100%
Description
C'est le seul endroit où il est encore assez lourd d'ajouter une nouvelle image dans un contenu wysiwyg.
Idéalement, il serait très appréciable de pouvoir glisser/déposer une image directement dans le contenu ou à défaut simplifier l'upload et la sélection
d'une image ajoutée avec l'icone de la barre d'outils de l'éditeur wysiwyg.
Mis à jour par Nicolas Eysseric il y a presque 7 ans
Avec les dernières versions de ckEditor, il y a une solution pour cela avec le plugin optionnel Upload Image :
- la page du plugin : https://ckeditor.com/cke4/addon/uploadimage
- la démo et le code source : https://sdk.ckeditor.com/samples/fileupload.html#uploading-dropped-and-pasted-images
A priori, il y a juste besoin d'un service qui va traiter le fichier et répondre en JSON :
fileName : "SeatIbiza.jpg"
uploaded : 1
url : "/userfiles/files/SeatIbiza.jpg"
Mis à jour par Yohann Chastagnier il y a plus de 6 ans
- Projet changé de 144 à Silverpeas Core
- Catégorie changé de Kmelia à Editeur Wysiwyg
- Statut changé de New à Assigned
- Assigné à mis à Yohann Chastagnier
- Version cible mis à Version 6.1
- % réalisé changé de 0 à 70
Mis à jour par Yohann Chastagnier il y a plus de 6 ans
- Lié à Feature #5710: Glisser / déposer en HTML5 ajouté
Mis à jour par Yohann Chastagnier il y a plus de 6 ans
- Statut changé de Assigned à Resolved
- % réalisé changé de 70 à 100
Il est désormais possible d'effectuer l'ajout d'images dans un contenu WYSIWYG par un simple Drag & Drop.
Le plugin ckeditor Upload Image est désormais intégré en standard dans la librairie (donc plus optionnel).
Toute la partie technique visant à envoyer les fichiers sur le serveur a été câblée avec le moteur de Drag & Drop mis en place dans le cadre du REDMINE #5710.
Ainsi, toutes les règles fonctionnelles et transverses sont observées : fichiers autorisés/interdits, quota d'espace mémoire, etc.
Lors d'un ajout d'une image sans erreur, la boîte de dialogue permettant de paramétrer l'image (taille, style, etc.) s'ouvre automatiquement si la largeur de l'image dépasse la largeur de l'éditeur WYSIWYG.
Il est possible d'ajouter plusieurs images en même temps, et dans ce cas, la boîte de dialogue décrite dans la phrase précédente s'ouvre pour la première ajoutée.
Lors d'un Drag & Drop d'un fichier, s'il existe un fichier parmi ceux déjà liés au contenu WYSIWYG d'une contribution qui a le même nom et la même taille, alors l'envoi du fichier vers le serveur est stoppé et le fichier existant est pris en compte à la place.
Lorsqu'un problème survient lors de l'ajout d'un fichier, un fichier interdit par exemple, un message d'erreur s'affiche (cf. #5710) et l'image est automatiquement retirée du contenu WYSIWYG.
PRs :
Mis à jour par Nicolas Eysseric il y a plus de 6 ans
- Statut changé de Resolved à Integration in progress...
Mis à jour par Nicolas Eysseric il y a plus de 6 ans
- Statut changé de Integration in progress... à Closed
Validé et intégré.
C'est vraiment, vraiment plus pratique ainsi.
A noter qu'à cette occasion, l'éditeur ckEditor a été mis à jour avec la dernière version (4.9.2).