Attribut "style" rajouté automatiquement dans les balises images

Février 2013

Bonjour,

Je travaille actuellement sous SPIP 2.1.13[19292].

Pour les besoins de mon site, j’ai retravaillé (sur la base du fichier /prive/modeles/img.html) le modèle img.html que j’ai placé dans mon dossier /squelettes.

En utilisant le modèle original ou mon nouveau modèle, je constate qu’un attribut style="height:...px;width:...px;" est rajouté automatiquement par SPIP dans le code HTML de la balise <img height="..." width="..." alt="..." src="..."> alors qu’il n’est pas indiqué dans les deux modèles.

Après quelques recherches, cet attribut HTML semble être géré par le fichier /ecrire/inc/filtres_images_lib_mini.php.

Or, l’ajout de cet attribut me pose problème et je ne voudrais pas qu’il soit rajouté automatiquement. Que puis-je faire pour empêcher l’ajout de cet attribut « style » sans retoucher ce fichier /ecrire/inc/filtres_images_lib_mini.php du noyau de SPIP ?

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Fa_b

Février 2013

Tu est sûr qu’il ajoute style sur <img> ? Et non pas sur la balise qui englobe (un <span> ou un <a>) ? Tu as une adresse a nous montrer ?
Indiquez l’intérêt que vous portez à cette réponse

0

SB

Mars 2013

Bonjour,

En effet, au niveau du modèle img.html, dans le <span> englobant l’image, il y a bien un attribut style qui est ajouté. Mais celui-ci apparaît dans le modèle et j’ai donc pu le supprimer dans mon modèle personnalisé.

Cependant, il y a bien le même attribut style qui est ajouté par SPIP dans la balise <img> et que l’on ne trouve pas dans le modèle img.html : voir cette page en exemple (les vignettes décoratives de chacune des écoles).
Indiquez l’intérêt que vous portez à cette réponse

0

Fa_b

Mars 2013

Bonjour,

Je n’ai pas le modèle sous la main, mais regarde du côté de la fonction |vider_attribut{style}
Indiquez l’intérêt que vous portez à cette réponse

0

Mars 2013

Bonjour,

Merci pour cette idée. En effet, j’y avais pensé et je l’ai déjà essayée mais apparemment il y a un traitement supplémentaire de SPIP qui rajoute l’attribut style dans la balise img.

D’après mes recherches, c’est la ligne 413 de la fonction /ecrire/inc/filtres_images_lib_mini.php qui rajoute cet attribut. D’ailleurs, pour m’en assurer, j’ai mis cette ligne en commentaire et ça marche : l’attribut style disparaît.

Cependant, je voudrais surcharger ce comportement sans modifier directement ce fichier du noyau afin de ne pas rencontrer de problèmes lors des futures mises à jour de SPIP.

Savez-vous comment procéder pour surcharger « proprement » ce comportement ?
Indiquez l’intérêt que vous portez à cette réponse

0

Fa_b

Mars 2013

C’est possible d’avoir le contenu de ce img.html ? Parce que ici je n’arrive même pas à avoir quelque chose dans style (il reste vide) en essayant imgXX, docXX ou embXX.
Indiquez l’intérêt que vous portez à cette réponse

0

SB

Mars 2013

Bonjour,

Voici le code du modèle img.html présent dans /prive/modeles/ dans SPIP 2.1.13[19292] :
<BOUCLE_document (DOCUMENTS) {id_document} {mode?} {tout}> [(#REM) Modele pour <img> Si on est en mode "image" ou "vignette", ou appele avec embed=oui, on affiche l'image complete ; sinon le logo Si un lien est passe #ENV{lien} on ajoute le a href ou on truque le #URL_DOCUMENT ] [(#SET{ image, #MODE|match{'image|vignette'} |sinon{#ENV{embed}} |?{' '} })][ (#REM) image complete ? ][(#GET{image}|oui) <span class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})][ (#ENV{class})] spip_lien_ok'[ style='float:(#ENV{align}|match{left|right});[ width:(#LARGEUR)px;]']> [<a href="(#ENV{lien})"[ class="(#ENV{lien_class})"]>]<img src='#URL_DOCUMENT'[ width="(#LARGEUR)"][ height="(#HAUTEUR)"] alt="[(#TITRE|texte_backend)]"[ title="(#TITRE|texte_backend)"] />[(#ENV{lien}|?{</a>})]</span> ][ (#REM) sinon logo document + lien + alt + title etc ][(#GET{image}|non) [(#SET{fichier,[(#LOGO_DOCUMENT|extraire_attribut{src})]})] [(#SET{width,[(#LOGO_DOCUMENT|extraire_attribut{width})]})] [(#SET{height,[(#LOGO_DOCUMENT|extraire_attribut{height})]})] <span class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})][ (#ENV{class})] spip_lien_ok'[ style='float:(#ENV{align}|match{left|right});[ width:(#GET{width})px;]']><a href="[(#ENV{lien}|sinon{#URL_DOCUMENT})]"[ (#ENV{lien}|?{'',type="#MIME_TYPE"})][ title="(#TITRE|texte_backend)"]><img src='#GET{fichier}' width='#GET{width}' height='#GET{height}' alt='[(#TITRE|strlen|?{#TITRE {#TYPE_DOCUMENT},#TYPE_DOCUMENT}|attribut_html)]' /></a></span> ]</BOUCLE_document>
Il n’y a pas de traces de style dans les balises HTML <img>, c’est pour ça que je pense que c’est SPIP qui rajoute cet attribut par l’intermédiaire de /ecrire/inc/filtres_images_lib_mini.php (ligne 413).
Indiquez l’intérêt que vous portez à cette réponse

0

Fa_b

Mars 2013

Ou alors le modèle appelé n’est pas celui que tu penses ?

T’as bien vérifié le chemin avec &var_mode=inclure dans la barre d’adresse ?

Je ne suis pas un pro spip mais je ne vois pas comment la fonction que tu indiques peux intervenir sur ce modèle-là.
Indiquez l’intérêt que vous portez à cette réponse

0

SB

Mars 2013

Je viens de vérifier sur la page que j’avais donnée en exemple et c’est bien le modèle /prive/modeles/img.html qui est appelé.

Je pense que cet ajout de l’attribut style fait partie des traitements automatiques des balises mais je ne sais pas précisément quand cet ajout a lieu, et surtout comment faire pour ne pas qu’il se produise !
Indiquez l’intérêt que vous portez à cette réponse

0

tarentaise

Août 2013

Bonjour,
je relance la conversation car j’ai le même souci que je veux régler.

D’avance merci pour vos réponses
Indiquez l’intérêt que vous portez à cette réponse

0
tarentaise

Août 2013
après une petite soirée de recherche voici la solution que j’ai adopté.

J’ai modifié les modèles pour qu’ils ajoutent la class "img-responsive" puis j’ai créé un script jquery pour qu’il retire l’attribut "style" et ses valeurs de tous les éléments qui ont pour class "img-responsive".
<script type="text/javascript"> $(function() { $(".img-responsive").removeAttr("style"); }) </script>
Si cela peut aider ...
Indiquez l’intérêt que vous portez à cette réponse

0

Gilles

Août 2013

Je marque comme "résolu" pour que ceux qui ont un problème similaire trouvent facilement ta solution