SPIP - Contrib

Utiliser mon compte FaceBook pour m'identifier

Langues du site : [ar] [en] [es] [fr] [it]

264 visiteurs en ce moment

Accueil du site > Contribs > Images, Galeries > Traitement d’images > Archives Traitement d’images > Filitres Images pour avant Spip 1.9 > Améliorer la gestion des marges des images incluses dans du texte

[6 commentaires]

Améliorer la gestion des marges des images incluses dans du texte

mardi 5 avril 2005, par François Schreuer

21 août 2005 — Attention, depuis la parution de la version 1.8.2 de SPIP, cet article est obsolète : il règle un problème qui n’existe plus. Cette page est conservée pour mémoire.

La version 1.8 de SPIP ne permet pas de différencier les marges latérales des images incluses dans du texte en fonction de l’alignement choisi pour ces images. Il n’est par exemple pas possible de faire en sorte qu’une image alignée à droite ait une marge de droite nulle et une marge gauche non nulle, et inversément.

Voici une solution peu-élégante mais très facile à mettre en place qui permet d’obtenir l’effet recherché, comme par exemple ici.

1. Placez le filtre suivant dans le fichier mes_fonctions.php3 ;

2. Ajoutez la définition des classes spip_documents_left et spip_documents_right dans votre feuille de style, par exemple de la façon suivante :

3. Appelez le filtre sur tous les champs dans lesquels des images sont incluses :

4. Pour l’insertion de vos images dans les champs texte de SPIP, utilisez le raccourci <docxxx|right> ou <docxxx|left> où xxx est le numéro de l’image (et non <imgxxx|right>).

6 Messages de forum

Voir toute la discussion

20 février 2006 14:30 , par Voldor

Améliorer la gestion des marges des images incluses dans du texte

Je viens d’installer [Spip 1 8 2g] et j’ai des problèmes avec les marges des images donc cet article m’intéresse fort ;-)

Mais j’aimerais savoir, avant de l’utiliser, pourquoi vous dites que tout cela est réglé avec [Spip 1 8 2g] ?

J’ai cherché et n’ai encore pas trouvé de réponse à cette question, c’est pourquoi j’ose vous la poser...

Pardon si elle est naïve...
Merci d’avance de m’éclairer ;-)
13 mai 2005 14:17 , par charlycha

> Remplacer le chenit (argo suisse-romand) des balises crééent par "img5|right" ou autre par des classes

Salut, Après avoir essayer ta solution, j’ai remarquer qu’elle ne fonctionnait pas sur mon spip 1.8.1.

voilà le code corrigé :

// supprime le style="" des images afin de les traiter en class function classImg($texte) { // Chaine en entrée : <img src='IMG/jpg/protection.jpg' width='170' height='170' alt="" style="border-width: 0px; float: left; margin: 4px;" /> // Chaine en sortie : <img src='IMG/jpg/noprotection.jpg' width='170' height='170' alt="" class='spipimg_left' /> $pattern = "/img src='(.*)' width='(.*)' height='(.*)' alt=\"(.*)\" .*float: ([a-zA-Y0-9]*);.*\/>/"; $replace = "img src='$1' width='$2' height='$3' alt=\"$4\" class='spipimg_$5' />"; return preg_replace($pattern, $replace, $texte); }

ensuite, il suffit d’avoir ces style dans la CSS :

.spipimg_left, .spipimg_right, .spipimg_center { border-width: 0px; margin-top: 4px; margin-bottom: 10px; } .spipimg_left { float: left; margin-left: 0px; margin-right: 15px; } .spipimg_right { float: right; margin-left: 15px; margin-right: 0px; } .spipimg_center { float: center; margin-left: 15px; margin-right: 15px; }

Voilà, j’espere que ca pourra aider !
14 avril 2005 20:57 , par François Schreuer

> Améliorer la gestion des marges des images incluses dans du texte

Ok, j’ai compris pourquoi ça ne marche pas. Vous devez appelez les images en mode "documents" et pas en mode image. C’est-à-dire écrire dans vos champs spip <doc678|right> au lieu de <img678|right>, qu’il y ait ou non un titre ou une légende liés à cette image. L’explication, c’est que SPIP renvoie juste l’image quand on appele p>
14 avril 2005 14:11 , par François Schreuer

> Améliorer la gestion des marges des images incluses dans du texte
Salut,

Tout d’abord, je vous suggère d’utiliser les balises <cadre></cadre> ou <code> pour citer du code, sinon on sait rien lire et ça explose la mise en page du site.

Je viens de refaire pas à pas l’installation, soit :
1. installer un spip
2. placer le filtre dans le fichier mes_fonctions.php3
3. ajouter les deux définitions de style
4. passer sur le filtre sur les champs ad hoc des squelettes
Et ça marche parfaitement.

Je viens de faire ça avec la version CVS pour être sûr que ça passait. Ca passe. J’avais également testé ce code sur une version 1.8.

Quelle version de SPIP utilisez-vous ?

François
14 avril 2005 13:48 , par penchaki

> Améliorer la gestion des marges des images incluses dans du texte

Hello, comprends pas ca ne fonctionne absolument pas chez moi ? copier coller du script dans mes_fonctions

[(#CHAPO|rectifier_marges_images)]
[(#TEXTE|justifier|rectifier_marges_images)] dans mon squelette ...

ma feuille de style .spip_documents_left margin-right : 0.5em ; margin-bottom : 0.5em ;

.spip_documents_right margin-left : 0.5em ; margin-bottom : 0.5em ;

et voici la réponse code source

comme s’il n’y avait aucun filtre ?

Si vous avez une idée ? Merci beaucoup d’anvance penchaki
7 avril 2005 20:25 , par gbucher

Remplacer le chenit (argo suisse-romand) des balises crééent par "img5|right" ou autre par des classes

dans mes_fonctions.php3 :

<?php function classImg($texte) { $pattern = "/img src='(.*)' style='.*' width='(.*)' height='(.*)'.*align='([a-zA-Y0-9]*)'.*\/>/"; $replace = "img src='$1' class='$4' width='$2' height='$3'/>"; return preg_replace($pattern, $replace, $texte); } ?>

Je sais, ça ressemble beaucoup à ce que propose François Schreuer mais j’ai pas dû tout comprendre. Chez moi, les images dans le texte deviennent simplement des sans classe. En tout cas, cette exemple est fonctionne bien chez moi.

Répondre à cet article

Ça discute par ici

SPIP-Immo v2.0
24 avril, par CALV
Plugin SPIP à destination des agences immobilières - Nouvelle version du plugin SPIP-Immo : 2.0

22 commentaires
Lecteur Multimédia
28 février 2007, par BoOz
Le plugin « lecteur multimedia » permet la lecture et l’affichage de sons ou de vidéos. Il enrichit l’affichage des raccourcis des documents ajoutés <docX>. Il ajoute des lecteurs flash adaptés aux formats .MP3 et .FLV. Le plugin agit (...)

1 commentaires
NoSPAM
20 novembre, par Cedric Morin
Un plugin pour limiter le risque de spam dans les forums de SPIP.

2 commentaires
Gravatar
20 novembre, par Cedric Morin, Fil, Nicolas Hoizey, Thomas Beaumanoir
Un plugin pour afficher le gravatar d’un auteur ou d’un contributeur de forum.

1 commentaires
Plugin Diapo
11 décembre 2006, par bill
Galerie / diaporama en modèle - Plugin ajoutant le modèle <diapoXX> permettant d’insérer les images de l’article XX sous forme de galerie/diaporama reprenant le fonctionnement de la galerie Walma.

386 commentaires