Feature #9331: Améliorer l'ajout d'image dans un contenu wysiwyg - Silverpeas Core - Silverpeas Issues Tracker

Rapports personnalisés

Almanach
Blog
Chat
Forums
Gallery
Hyperlink
Infoletter
Kmelia
Silverpeas-Core

Actions

Copier le lien

Feature #9331

fermé

Améliorer l'ajout d'image dans un contenu wysiwyg

Ajouté par David Lesimple il y a plus de 6 ans. Mis à jour il y a environ 6 ans.

Statut:

Closed

Priorité:

Normal

Assigné à:

Yohann Chastagnier

Catégorie:

Editeur Wysiwyg

Version cible:

Silverpeas - Version 6.1

Début:

30/11/2017

Echéance:

% réalisé:

100%

Temps estimé:

Livraison en TEST:

Livraison en PROD:

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.

Demandes liées 1 (0 ouverte — 1 fermée)

Lié à Silverpeas Core - Feature #5710: Glisser / déposer en HTML5

Closed

Yohann Chastagnier

20/06/2014

Actions

Demande # Retard: jours Annuler

Historique
Notes
Changements

Actions

Copier le lien

Mis à jour par Nicolas Eysseric il y a plus de 6 ans

Il s'agit en effet d'un point à améliorer.
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"

Actions

Copier le lien

Mis à jour par Yohann Chastagnier il y a environ 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

Actions

Copier le lien

Mis à jour par Yohann Chastagnier il y a environ 6 ans

Lié à Feature #5710: Glisser / déposer en HTML5 ajouté

Actions

Copier le lien

Mis à jour par Yohann Chastagnier il y a environ 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 :