Présentation
Cet outil est une fonctionnalité du plugin Le Couteau Suisse que vous pouvez trouver ici : Le Couteau Suisse. Pour avoir accès aux filets de séparations, il vous faut donc avoir préalablement installé ce plugin.
Ensuite, une fois l’outil Filets de séparations activé sur la page d’administration du plugin en espace privé, vous avez donc la possibilité d’insérer des filets de séparation, personnalisables par des feuilles de style, dans le corps des textes, aussi bien pour les articles, les brèves, ... Bref, tous les textes de SPIP.
Le but est d’offrir un moyen simple et rapide pour structurer et visualiser les niveaux d’imbrication des différents textes a l’intérieur des différentes parties et chapitres qui composent un article ou brève.
Cette fonctionnalité est un complément plus riche et plus souple que le filet de séparation par défaut produit par SPIP lors de l’insertion des 4 tirets normaux (----
) ou des 4 tirets bas (____
).
Utilisation
- Version prédéfinie
Les balises s’inscrivent toujours en utilisant 4 tirets bas (4 tirets en souligné), séparés, deux à deux, par un chiffre correspondant au type de filet à insérer dans le texte. Cette fonctionnalité est distribuée avec 7 styles pré-formatés, qu’on peut obtenir en insérant des balises __0__
jusqu’à __6__
dans le corps des articles par exemple.
- Version image
Les balises s’inscrivent toujours en utilisant 4 tirets bas (4 tirets en souligné), séparés, deux à deux, par un nom de fichier que l’on peut trouver dans le dossier : img/filets/
Cet outil du Couteau Suisse permet donc d’adapter n’importe quelle image en insérant des balises du genre __exemple.png__
dans un texte. Seules les images au format png, gif ou jpg sont reconnues et il reste préférable d’utiliser les minuscules seules.
Notes
- les balises (prédéfinies ou images) doivent être insérées dans une ligne isolée pour être valides.
- le texte situé entre les balises <html> et </html>, <code> et </code>, <cadre> et </cadre>, <frame> et </frame> ou <script> et </script> est protégé : aucun filet de séparation n’y sera inséré.
Exemples
Pour vous donner une idée des filets qu’on peut obtenir, voici quelques captures d’écran à titre d’exemple :
Tous ces différents filets ont été obtenus uniquement en jouant avec les feuilles de style... Comme vous pouvez le constater, une fois l’outil activé et les styles éventuellement paramétrés selon vos besoins, il devient très facile de créer des séparations personnalisées dans vos textes...
Paramétrage de l’aspect des filets
Cet outil du Couteau Suisse remplace les différentes balises insérées par des paragraphes Html vides ressemblant à ceci : <p class="filet_sep_unstyle"></p>
.
Chaque filet prédéfini a son style spécifique, par exemple : <p class="filet_sep_1"></p>
pour le filet représenté par la balise __1__
. Ces styles sont définis dans le fichier "outils/filets_sep.css". Il y a donc 7 styles pré-formatés qui sont séparés en deux groupes : "Filets" qui produisent des filets simples et "Blocs" qui produisent des blocs avec des fonds et filets différents.
Tous ces filets sont évidemment personnalisables suivant vos goûts et besoins. Vous pouvez aussi ajouter autant de styles supplémentaires que nécessaire, mais en respectant la convention de nommage suivante pour les nouveaux styles : ".filet_sep_N", où "N" est le numéro que vous aurez décidé d’attribuer au style.
En ce qui concerne les filets en image, leur aspect est paramétrable grâce au style ".filet_sep_image" que l’on peut trouver dans le même fichier "outils/filets_sep.css". Cependant, la hauteur du filet choisi correspond toujours à la hauteur réelle de l’image.
Attention : seuls les chiffres sont autorisés pour identifier les styles prédéfinis.
Surcharges des CSS
Vos propres styles CSS doivent être ajoutés dans le fichier habituel de vos squelettes. En ce qui concerne la dist SVN de SPIP, il s’agit du fichier « habillage.css ». On le surcharge souvent à la racine du squelette utilisé pour le site.
Il y a une autre possibilité encore, celle de surcharger directement le fichier plugins/couteau_suisse/outils/filets_sep.css en le recopiant dans monsquelette/outils/filets_sep.css et en y modifiant les styles proposés ou en y ajoutant vos propres styles.
Attention : toute modification d’un fichier surchargé nécessite une recompilation des outils du Couteau suisse, obtenue en se rendant simplement sur la page de configuration du plugin ou en réaffichant celle-ci.
Surcharges des images
Si vous utilisez des filets en images, il est préférable de recopier le dossier img/filets/ directement dans votre squelette. En effet, SPIP va d’abord chercher le dossier en question dans votre squelette avant d’aller explorer les répertoires du plugin : c’est le mécanisme des surcharges. Du coup, vous pouvez créer un dossier monsquelette/img/filets/ afin de remplacer celui du Couteau Suisse et y mettre tous vos filets de séparation. Ainsi, la mise à jour de votre plugin helvétique préféré pourra se faire sans crainte de perdre votre personnalisation.
Attention : toute modification d’un fichier ou d’un dossier surchargé nécessite une recompilation des outils du Couteau suisse, obtenue en se rendant simplement sur la page de configuration du plugin ou en réaffichant celle-ci.
Compléments
Pour les spécialistes :
- Le pipeline utilisé est : pre_typo
- Le fichier inclus est : outils/filets_sep.php
- Les styles sont dans : outils/filets_sep.css
- Le dossier des images est : img/filets
Historique :
Cette contrib est une amélioration et une adaptation au Couteau Suisse de la contribution originale Filtre Filets de Séparation 1.2 de Fredo.
Discussions par date d’activité
13 discussions
il serait plus que bien de laisser la possibilité que cette lame génère des hr ou p hr /p ou div hr /div car sémantiquement utiliser un p pour faire un séparation n’est pas correcte. Typiquement une personne ayant un lecteur d’écran ou ayant désactivé les images ne sera pas informé de la séparation
Qd on désactive les images, les backgrounds disparaissent aussi ? Je ne vois pas comment s’en sortir car un hr invisible c’est comme si yavait rien... quel code proposes-tu ? Pour l’instant, c’est vrai, ce sont des paragraphes vides, mais stylés.
je propose de laisser le choix de générer des div vide (ça serait déjà moins dramatique en terme de sens voir un span vide en display block. Sinon une div avec un hr dedans positionné en dehors de l’écran (ça résoudra pas le problème de la désactivation des images mais au moins sémantiquement on sera correcte et pour un lecteur d’écran aussi)
Répondre à ce message
Bonjour,
Filet de séparation est il valide avec la 2. Bêta ???
Je n’arrive pas à faire fonctionner meme avec les raccourcis de base, ou alors je n’ai rien compris.
quand dans un article sous mon texte le place « __5__ » ou un autre chiffre ou « ornement.png » rien n’apparait. en regardant le source de ma page, je vois là ou devrais être ce code :
Avec mes remerciements.
Eric
Bien vu. SPIP 2.0 réduit à néant le style des paragraphes. Je viens de déposer un correctif.
Merci, ça fonctionne ....
Sauf que ...
j’ai un site avec les plugins suivant :
- cfg
- Crayons
- Couteau Suisse
- Google sitemap
- Grenouille
- Thickbox v2
Sur celui là nickel
Sur une autre, les plgins suivant :
- cfg
- Crayons
- Couteau Suisse
- Google sitemap
- Grenouille
- Thickbox v2
- Lecteur Flash pour MP3
- Barre Typo V2 pour 1.9.2 et suivantes
et là qd j’effectue la mise à jour du couteau ....
Paf le chien !!! j’ai une page blanche ... plus d’accès en privé plus rien ...
diverses tentatives pour remettre en ordre rien ... J’enleve tout vis ftp, réinstalle tous (spip 2 + plugins aciens) cela refonctionne.
Une incompatibilité surement ? doc Dites moi tout !
Cordialement
Eric
t’as mis a jour la barre typo aussi ?
... Même punition avec la mise à jour de la barre typo V2 ...
POur retrouver mon site, j’effectue la manip suivante via ftp
je zappe la mise à jour
je réinstalle mon repertoire « tmp » à la racine et toute revient dans l’ordre
je remets les versions précédentes de barre typo et couteau suisse et les ré active
Eric
POur infos ... en voulant changer de repertoire « chemin » ou dossier squelette j’ai eu ce message d’erreur
Fatal error: Call to undefined function: code_echappement() in /mnt/114/sdc/9/5/letsgodancing/plugins/auto/couteau_suisse/outils/filets_sep.php on line 24
si cela peut te donner une piste ...
eric
Merci, je viens de corriger cette erreur.
Pour le reste, c’est trop vague, je ne reproduis pas...
On peut avoir parfois un peu plus d’infos en ajoutant :
cs=reportall
à l’adresse de la fameuse page blanche...Ok noté, je viens de reprendre la manip ...
Désolé ... page blanche, avec cs=reportall, j’ai les infos suivantes :
Avec ma sympathie pour le travail que je te donne, une bonne soirée à toi ... bravo qd meme pour le travail réalisé ...
« It’s à good job !!! »
Eric
Re moi ... la curiosité n’etant pas le moindre de mes défauts, une fois tout remis comme avant sur la page « Gestion des plugins », j’ai ajouté « cs=reportall » et là j’obtiens :
si cela peut servir ...?
eric
effectivement, il me semblait que cette erreur avait été corrigée ! tous les pipelines ont été réécrits en minuscule... as-tu vraiment mis à jour la barre typo ?
Aucun pipeline, dans tous les plugins, ne devrait figurer comme « BT_gadgets » mais pluto : « bt_gadgets »
ok je regarde cela de près ... et tiens informé..
Merci pour la piste ...
Eric
Je devais avoir un truc qui trainer dans un cache, le problème est résolu.
J’ai pratiqué de la façon suivante :
- Effacement de mon rep « plugins » sur le site
- Vider le cache complet
- effacement du rep « tmp » à la racine du site
- repris tous les plugins sur la zone
- reinstaller ces plugins sur le site
- réactivé les plugins un à un
C’est tout bon et j’ai de beaux filets.
Merci Patrice ...
Cordialement
Eric
Répondre à ce message
Bonjour,
Tout d’abord merci pour cette fonction et son implémentation au sein du génial Couteau Suisse.
J’ai cependant un petit souci concernant le Validateur XML (activé aussi dans le Couteau Suisse) qui me signale une erreur de type :
et plus bas dans le code on a ce genre de balisage imbriqué :
Apparemment, mais je ne suis pas spécialiste, ce genre d’imbrication n’est pas trop aux normes W3C et semble provoquer l’alerte.
Ce que je ne comprends pas vraiment c’est l’utilité de la balise <html> ouvrante et fermante. Quelle en est l’utilité ?
D’ailleurs si l’on supprime ces 2 balises dans « filets_sep.php » (ligne 24 et 49), le validateur à l’air satisfait.
Faut-il modifier le code ?
Ma config est : SPIP 1.9.2a
Couteau Suisse : Version : 1.7.2.20
Merci.
MF
Ah oui, mais la version de votre plugin est trop ancienne, elle date du 23 mai 2007. Hors, cette balise <html> a été supprimée 4 jours plus tard !!
Autant mettre à jour le plugin, qui a pas mal évolué depuis. La version à ce jour est 1.7.5.7.
Répondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |