Project

General

Profile

Feature #9331

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

Added by David Lesimple about 2 years ago. Updated over 1 year ago.

Status:
Closed
Priority:
Normal
Category:
Editeur Wysiwyg
Start date:
11/30/2017
Due date:
% Done:

100%

Estimated time:

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.


Related issues

Related to Silverpeas Core - Feature #5710: Glisser / déposer en HTML5Closed06/20/2014

Actions

History

#1

Updated by Nicolas Eysseric almost 2 years ago

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 :

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" 

#2

Updated by Yohann Chastagnier over 1 year ago

  • Project changed from Silverpeas-Components V6 to Silverpeas Core
  • Category changed from Kmelia to Editeur Wysiwyg
  • Status changed from New to Assigned
  • Assignee set to Yohann Chastagnier
  • Target version set to Version 6.1
  • % Done changed from 0 to 70
#3

Updated by Yohann Chastagnier over 1 year ago

#4

Updated by Yohann Chastagnier over 1 year ago

  • Status changed from Assigned to Resolved
  • % Done changed from 70 to 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 :
#5

Updated by Nicolas Eysseric over 1 year ago

  • Status changed from Resolved to Integration in progress...
#6

Updated by Nicolas Eysseric over 1 year ago

  • Status changed from Integration in progress... to 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).

Also available in: Atom PDF