4 contributions / 0 nouveau(x)
Dernière contribution
Portrait de admin
Hors ligne
Dernière visite: Il y a 7 mois 2 semaines
A rejoint: 01/03/2011 - 16:36
Contributions: 923
IP: 176.134.126.71
Problème de Redimensionnement des Images

Un nouveau fil de discussion pour vous dire que je suis en train de remanier le code du dimensionnement de l'image dans l'éditeur WYSIWYG ; je souhaite en effet une gestion plus intuitive des "grosses" images.

Par exemple, prenons l'image située ici : http://wallpaper.hallwallpaper.fr/images/photos_fond_d%27%C3%A9cran/7.jpg dont la taille fait 1600x1200 pixels.

Pour l'instant, problème : quelque soient vos tentatives d'édition WYSIWYG avec le boite de dialogue du bouton Image, impossible de dimensionner correctement cette image frown.

La faute au module d'auto-correction de code HTML à la volée, qui est très utile pour éviter qu'on poste n'importe quoi dans les fenêtres d'édition des commentaires, mais qui filtre tellement bien les balises, que ça nettoie trop bien, ( lol ) même les balises de type <img> qui peuvent avoir des contenus "style" dont des éléments relatifs à la dimension des images par exemple.

Je ne peux pas non plus me permettre de ne pas activer le module de filtrage html auto, pour régler ce problème.

Édité par: admin activé 21/05/2013 - 20:52
Portrait de admin
Hors ligne
Dernière visite: Il y a 7 mois 2 semaines
A rejoint: 01/03/2011 - 16:36
Contributions: 923
IP: 176.134.126.71
Exemple ...

Pour l'instant,

Si vous utilisez la boite de dialogue du bouton Image située dans la barre des boutons de l'éditeur du commentaire, vous accédez aux propriétés de l'image. Si vous modifiez ces propriétés via cette boite, en changeant la haut et la largeur, sur le coup ça a l'air de fonctionner, mais, au moment d'enregistrer le message, pouf, ça nettoie tout et ça supprime certaines propriétés.

Résultat : vous visualisez le message et les dimensions de l'image sont et restent inchangées. Donc pour l'instant, vous êtes plus ou moins obligés de poster des images qui ont par défaut des dimensions adaptées au forum (alors que ce serait au forum de pouvoir les adapter si nécessaire).

Alors,

Pourquoi ça ne marche pas, parce que cette boite de dialogue du bouton Image pond des infos de hauteur et de largeur sous forme de "styles" donc www.refra.fr nettoie par défaut les styles afin qu'ils ne soient pas incompatibles avec le style du forum par défaut (et aussi pour éviter quelques exploits de spammeurs / hackeurs qui s'introduisent dans le site en exploitant certaines failles...).

Parcontre, si vous altérez/dimensionnez l'image avec la souris plus directement (en tirant et en étirant les bords de l'image), sans passer par la boite de dialogue pour ça, cela crée des informations plus standard, dans la balise d'image, qui ne sont pas laissées sous forme de "style" et donc là c'est pas nettoyé et donc là, ça tient.

Donc en attendant que je trouve un meilleur système, je vous demande de bien vouloir redimensionner vos images non pas avec la boite de dialogue des propriétés de l'image, mais avec la souris.

Test :

 

Bien à vous.

 

L'Administrateur

Portrait de admin
Hors ligne
Dernière visite: Il y a 7 mois 2 semaines
A rejoint: 01/03/2011 - 16:36
Contributions: 923
IP: 176.134.126.71
Test

Image redimensionnée avec les bords

L'Administrateur

Portrait de admin
Hors ligne
Dernière visite: Il y a 7 mois 2 semaines
A rejoint: 01/03/2011 - 16:36
Contributions: 923
IP: 176.134.126.71
Ca marche

Bon ça marche... mais franchement c'est trop nul. wacko

J'aimerais qu'on puisse uiliser cette jolie boite de dialogue du bouton Image et ses propriétés sans problème donc j'aimerais filtrer automatiquement le code copié dans les commentaires mais quand même utiliser les "styles" inline... comme on dit.

Et pour ça faut reprogrammer toute la partie qui filtre les styles...

Je vous mets au courant.

 

L'Administrateur

Connectez-vous ou inscrivez-vous pour publier un commentaire