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

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 ;-)

> 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 : 
// Chaine en sortie :  $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 !

> 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 au lieu de , 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 document ». Et comme c'est sur le div qu'on intervient,...

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

Salut,

Tout d'abord, je vous suggère d'utiliser les balises ou 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 :
 installer un spip
 placer le filtre dans le fichier mes_fonctions.php3
 ajouter les deux définitions de style
 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



> 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
 [(#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


Remplacer le chenit (argo suisse-romand) des balises crééent par « img5|right » ou autre par des classes
dans mes_fonctions.php3 :
/"; $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.