Présentation
Les outils décrits ici sont des fonctionnalités du plugin Le Couteau Suisse que vous pouvez trouver ici : Le Couteau Suisse. Pour avoir accès aux nouveaux raccourcis de décoration ou de couleur, il vous faut donc avoir préalablement installé ce plugin.
Ensuite, une fois ces outils activés sur la page d’administration du plugin en espace privé (catégorie "Raccourcis typographiques"), vous avez donc la possibilité d’insérer de nouveaux raccourcis personnalisables dans le corps des textes, aussi bien pour les articles, que pour les rubriques, les brèves, etc. Bref, tous les textes de SPIP.
Afin de faciliter à vos visiteurs la rédaction des messages ou des articles et à partir de la version 1.7.8.20 du plugin, les deux outils dont parle cet article insèrent des boutons dans la Barre Typo V2. Hors, ce plugin n’est plus maintenu pour les versions 2.0 et suivantes de SPIP . La version 1.8.11.00 du plugin introduit donc ces boutons dans la nouvelle barre typographique du plugin : Porte plume.
Techniquement parlant, le plugin utilise ici le pipeline "pre_typo" pour effectuer les traductions, après avoir protégé les conteneurs HTML suivants : <html/>, <code/>, <cadre/>, <frame/> et <script/>.
Toutes les balises rendues disponibles par les différents outils du Couteau Suisse aux rédacteurs du site apparaissent sur la page de configuration du plugin dans un cadre à gauche intitulé "Raccourcis typographiques actifs du Couteau Suisse". Vos changements éventuels dans la configuration des outils sont visibles à chaque validation de la page complète.
En bref, les deux outils décris ici vous offrent la possibilité de créer de nouvelles balises, permettant ensuite à vos rédacteurs de jouer avec l’aspect visuel de leurs textes, tout en restant dans un cadre déterminé par le webmaster.
A vous donc, les styles CSS !!
L’outil « Tout en couleurs »
Merci à Aurélien PIERARD dont l’idée première a permis d’élaborer cette nouvelle lame du Couteau Suisse.
L’outil « Tout en couleurs » permet actuellement d’appliquer très facilement des couleurs à tous les textes du site (articles, brèves, titres, forum, …) en utilisant des balises en raccourci. Ces balises doivent être ouvertes (par exemple : [rouge]), puis obligatoirement fermées grâce à un anti-slash (par exemple : [/red]) à l’intérieur du même paragraphe. Les styles css sont créés à la volée au moment de la mise en cache de la page par SPIP.
Un point important : les nouvelles balises documentées ici ne doivent être utilisées que sur de petits morceaux de texte, en aucun cas des paragraphes : le plugin traduit ces balises en <span>. Cet élément du langage HTML est supporté par tous les navigateurs courants.
Par défaut, le plugin autorise l’utilisation des 36 couleurs des styles css, en anglais ou en français. le style "rouge" sera donc équivalent à "red" et la balise [rouge] (ou [red]) sera remplacée par : <span style="color:red;">.
Deux exemples (qui produisent le même effet) pour changer la couleur du texte :
- Lorem ipsum [rouge]dolor[/rouge] sit amet.
- Lorem ipsum [red]dolor[/red] sit amet.
- Résultat final : Lorem ipsum dolor sit amet.
La page de configuration permet aussi d’autoriser les fonds colorés et introduit donc les balises [fond qqchose] (ou [bg qqchose]). La balise [fond rouge] (ou [bg red]) sera remplacée par : <span style="background-color:red;">.
Deux exemples (qui produisent le même effet) pour changer la couleur du fond du texte :
- Lorem ipsum [fond rouge]dolor[/fond rouge] sit amet.
- Lorem ipsum [bg red]dolor[/bg red] sit amet.
- Résultat final : Lorem ipsum dolor sit amet.
Quelle que soit la couleur, la balise fermante peut aussi être : [/couleur] ou [/color], et [/fond] ou [/bg]. Ceci est très souple, mais attention de bien vérifier où vous en êtes ! Une balise ouverte doit toujours être fermée.
Un exemple de balises imbriquées :
- Lorem [fond jaune]ipsum [rouge]dolor[/couleur] sit[/fond] amet.
- Résultat final : Lorem ipsum dolor sit amet.
Des balises personnalisées :
Suite à une discussion collective sur la liberté à accorder aux rédacteurs — un site doit respecter une charte graphique que les rédacteurs ne doivent pas saccager avec n’importe quelle couleur —, le plugin laisse au webmestre du site la possibilité de choisir les balises autorisées ou non, et même d’en fixer les couleurs. Il lui suffit de se rendre sur la page de config du Couteau Suisse et de choisir entre :
- soit, par défaut, les 36 couleurs des styles css : black/noir, red/rouge, maroon/marron, green/vert, olive/vert olive, navy/bleu marine, purple/violet, gray/gris, silver/argent, chartreuse/vert clair, blue/bleu, fuchsia/fuchia, aqua/bleu clair, white/blanc, azure/bleu azur, bisque/beige, brown/brun, blueviolet/bleu violet, chocolate/brun clair, cornsilk/rose clair, darkgreen/vert fonce, darkorange/orange fonce, darkorchid/mauve fonce, deepskyblue/bleu ciel, gold/or, ivory/ivoire, orange/orange, lavender/lavande, pink/rose, plum/prune, salmon/saumon, snow/neige, turquoise/turquoise, wheat/jaune paille, yellow/jaune
- soit des balises personnalisées. Le format de ces balises doit lister des couleurs existantes ou définir des couples « balise=couleur », le tout séparé par des virgules.
Quelques exemples de balises personnalisées :
- « gris, rouge » : n’introduit que les balises [gris] et [rouge] en utilisant les couleurs CSS "gray" et "red". Si les fonds sont permis alors les balises [fond gris] et [fond rouge] seront également disponibles.
- « faible=jaune, fort=rouge » : introduit les uniques balises [faible] et [fort] utilisant les couleurs CSS "yellow" et "red". Si les fonds sont permis alors les balises [fond faible] et [fond fort] seront également disponibles.
- « bas=#99CC11, haut=brown » : n’introduit que les balises [bas] et [haut] en utilisant les couleurs CSS "#99CC11" et "brown". Si les fonds sont permis alors les balises [fond bas] et [fond haut] seront également disponibles.
- « gris=#DDDDCC, rouge=#EE3300 » : n’introduit que les balises [gris] et [rouge] en utilisant les couleurs CSS "#DDDDCC" et "#EE3300". Si les fonds sont permis alors les balises [fond gris] et [fond rouge] seront également disponibles.
Cas des liens
Il vous est malheureusement impossible de coloriser des liens SPIP ( raccourcis du type [mon lien->mon_url.html] avec des balises à crochets, car SPIP le refuse catégoriquement lorsqu’il interprète ses raccourcis. Pour info (et pour les connaisseurs !), voici l’expression utilisée : /\[([^][]*?([[]\w*[]][^][]*)*)->(>?)([^]]*)\]/msS. Sans appel, c’est-ce pas ?
Pour coloriser vos liens, il vous faut donc utiliser l’outil « Décoration » décrit ci-dessous. Par exemple, pour écrire [mon lien<rouge>rouge</rouge> préféré->mon_url.html] dans un article, il vous faut définir la balise rouge comme ceci : span.rouge = color:red;
Boutons en barre typographique
La version 1.8.11.00 du Couteau Suisse place vos raccourcis sous forme de boutons dans la nouvelle barre typographique du plugin : Porte plume (SPIP 2.0 et suivantes). Exemple :
Une configuration est possible dans l’outil pour choisir les barres où ajouter les boutons. Par défaut, le plugin Porte Plume propose deux barres : Edtition des contenus (pour la rédaction des articles par exemple) et Messages de Forum (barre plus light en général).
L’outil « Décoration »
Merci à IZO dont l’idée première a permis d’élaborer cette nouvelle lame du Couteau Suisse.
Cet outil vous offre la possibilité de définir très simplement vos propres balises de style. A la différence du paragraphe précédent, ces balises utilisent les chevrons dans leur syntaxe (« < » et « > ») et non pas les crochets (« [ » et « ] »). Elles doivent être ouvertes (par exemple : <souligne>), puis obligatoirement fermées grâce à un anti-slash (par exemple : </souligne>).
Vous pouvez créer des raccourcis de type <span> ("Inline") ou de type <div> ("Block").
Vous pouvez directement :
- inscrire un style spécifique (par exemple : style="font-variant:small-caps;")
- ou choisir une classe présente dans vos fichiers CSS ou manipulée par vos scripts JS (par exemple : class="capitales").
Les styles CSS sont créés à la volée au moment de la mise en cache de la page par SPIP.
Syntaxe :
Sur la page de configuration, vous devez définir les styles de vos nouvelles balises (une définition par ligne) en respectant les syntaxes suivantes :
- span.mabalise1 = mon 1er style CSS à l’intérieur d’un paragraphe
- div.mabalise2 = mon 2e style CSS créant un nouveau paragraphe
- span.mabalise3.class = ma 1ère classe CSS à l’intérieur d’un paragraphe
- div.mabalise4.class = ma 2e classe CSS créant un nouveau paragraphe
- span.mabalise5.lang = ma 1ère langue à l’intérieur d’un paragraphe
- div.mabalise6.lang = ma 2e langue créant un nouveau paragraphe
- unalias = mabalise2
Voici comment le plugin traduit cette syntaxe :
- <mabalise1> par : <span style="mon 1er style CSS à l’intérieur d’un paragraphe">
- <mabalise2> par : <div style="mon 2e style CSS créant un nouveau paragraphe">
- <mabalise3> par : <span class="ma 1ère classe CSS à l’intérieur d’un paragraphe">
- <mabalise4> par : <div class="ma 2e classe CSS créant un nouveau paragraphe">
- <mabalise5> par : <span lang="ma 1ère langue à l’intérieur d’un paragraphe">
- <mabalise6> par : <div lang="ma 2e langue créant un nouveau paragraphe">
- <unalias> par : <div style="mon 2e style CSS créant un nouveau paragraphe">
Les balises automatiques repèrent au cas par cas les contenus "Inline" et les contenus "Block" et choisissent alors (entre <span> et <div>) le meilleur remplacement. Syntaxe :
- auto.mabalise1 = mon style CSS, intra ou inter-paragraphe
- auto.mabalise2.class = ma classe CSS, intra ou inter-paragraphe
- auto.mabalise3.lang = ma langue (ex : fr), intra ou inter-paragraphe
- unalias = mabalise2
Les balises sans contenu (du type <mabalise/>) sont aussi reconnues. Par exemple, afin de clarifier un texte contenant divers blocs ou images, vous pouvez utiliser la balise <clear/> définie comme ceci : div.clear = clear:both; et remplacée par : <div style="clear:both;"></div>.
Les deux outils que décrit cet article insèrent des boutons dans la Barre Typo V2 afin de faciliter à vos visiteurs la rédaction des messages ou des articles.
Rappel : toute balise <mabalise> ouverte doit être fermée par </mabalise> et le raccourci <mabalise/> est un conteneur vide qui correspond à <mabalise></mabalise>.
Les balises par défaut :
Afin d’assurer la compatibilité avec la version initiale de l’outil « Décoration », 7 balises et un alias vous sont proposés à la toute première activation. Ceci est aussi pour vous un très bon échantillon d’étude :
span.sc = font-variant:small-caps;
span.souligne = text-decoration:underline;
span.barre = text-decoration:line-through;
span.dessus = text-decoration:overline;
span.clignote = text-decoration:blink;
span.surfluo = background-color:#ffff00; padding:0px 2px;
span.surgris = background-color:#EAEAEC; padding:0px 2px;
fluo = surfluo
Ces définitions introduisent donc les 7 styles suivants : capitales, souligné, barré, dessus, clignote, fluo et grisé. Les voici en exemple au sein de vos textes :
- Lorem <sc>ipsum dolor sit amet</sc>
- Lorem <souligne>ipsum dolor sit amet</souligne>
- Lorem <barre>ipsum dolor sit amet</barre>
- Lorem <dessus>ipsum dolor sit amet</dessus>
- Lorem <clignote>ipsum dolor sit amet</clignote>
- Lorem <fluo>ipsum dolor sit amet</fluo>
- Lorem <surfluo>ipsum dolor sit amet</surfluo>
- Lorem <surgris>ipsum dolor sit amet</surgris>
Dans tous les cas, évitez les accents ; les différents jeux de caractères pourraient vous jouer des tours. Pour le résultat visuel des styles définis ci-dessus, les voici :
- capitales (Exemple) : <span style="font-variant: small-caps;">
- souligné (Exemple) : <span style="text-decoration: underline;">
- barré (Exemple) : <span style="text-decoration: line-through;">
- dessus (Exemple) : <span style="text-decoration: overline;">
- clignote (Exemple) : <span style="text-decoration: blink;">
- fluo (Exemple) : <span style="padding: 0px 2px; background-color: rgb(255, 255, 0);">
- grisé (Exemple) : <span style="padding: 0px 2px; background-color: rgb(234, 234, 236);">
A noter : Internet Explorer n’interprète pas toujours le clignotement.
Un exemple <div> : le post-it
Afin d’afficher un texte bleu dans une petite boite jaune au sein même de votre article, tout à droite, un peu comme une note ou un post-it, vous pouvez définir le raccourci suivant : div.N = background-color:yellow; border:3px solid yellow; color:blue; float:right; font-size:85%; padding:5px; width:20%;
Vous pouvez donc utiliser ce nouveau raccourci comme ceci :
<N>{{Ceci}} est une petite note !</N>
Voyez le résultat ici même !
Attention : les balises que vous définissez sont sensibles à la casse... Dans l’exemple ci-dessus, <N> sera bien interprétée, mais pas <n>.
A vous de travailler : pourquoi ne pas envisager de placer des lettrines à la tête de vos articles ?
Une piste : <L>V</L>oici mon premier paragraphe.
Boutons en barre typographique
La version 1.8.11.00 du Couteau Suisse place vos raccourcis sous forme de boutons dans la nouvelle barre typographique du plugin : Porte plume (SPIP 2.0 et suivantes). N’hésitez pas à créer vos propres icônes .png que vous placerez dans le dossier icones_barre/ de votre squelette, et que vous nommerez decoration_monRaccourci.png. Six icônes sont fournies par le plugin : decoration_barre.png, decoration_dessus.png, decoration_sc.png, decoration_souligne.png, decoration_surfluo.png et decoration_surgris.png. Exemple :
Une configuration est possible dans l’outil pour choisir les barres où ajouter les boutons. Par défaut, le plugin Porte Plume propose deux barres : Edtition des contenus (pour la rédaction des articles par exemple) et Messages de Forum (barre plus light en général).
Rappel de définition : <div> et <span>
Ces deux balises font partie du langage HTML.
- Les balises <div></div> permettent de créer des ensembles (type "Block") regroupant divers éléments d’une page.
- Les balises <span></span> permettent d’isoler de petits éléments (type "Inline") placés à l’intérieur des blocs.
- A titre d’information, les balises <p></p> définissent un paragraphe de texte (type "Block"), mais SPIP repère les paragraphes grâce au double saut de ligne : ce raccourci est bien plus pratique que l’utilisation de la balise !
Important : On peut placer un <span> à l’intérieur d’un paragraphe ou d’un bloc, mais pas l’inverse : les éléments "Inline" ne peuvent jamais contenir d’élément "Block". Attention donc à ne pas vous emméler les pinceaux lorsque vous utilisez vos raccourcis !
A ce sujet,vous pouvez consulter :
- http://www.ultra-fluide.com/ressour...
- http://css.alsacreations.com/Bases-...
Vos commentaires
# Le 24 avril 2008 à 11:40, par goetsu
En réponse à : Décorer ou colorer vos textes
Il n’y aurait pas la possibilité de rendre cela un peu plus générique de manière à pouvoir créer autre chose que des span et de div
Exemple, il serait bien de pouvoir gérer les citations de façon plus fine dans spip avec :
- une balise q pour une citation courte,
- une balise cite pour indiquer ce qui est entrain d’être citer,
# Le 25 avril 2008 à 01:30, par Pat
En réponse à : Décorer ou colorer vos textes
Ouh là, le but principal ici est de décorer du texte à l’aide des styles (CSS), et donc on peut tout faire a priori.
J’aurais bien aimé que tu mettes en rapport les raccourcis complets et les résultats attendus, car j’avoue là avoir qq difficulté à te deviner...
(utilise pour ça les balises <code> et </code>)
# Le 10 janvier à 02:09, par Sylvano
En réponse à : Décorer ou colorer vos textes
Je rebondis sur cette vieille proposition, qui pourrait avoir une grande utilité :
Je créé actuellement un squelette de newsletter pour clevermail. Le problème est que les liens calculés par spip n’ont pas d’attribut de style, du coup Gmail et d’autres webmail qui ne lisent pas les feuilles de style leur attribuent le style par défaut : bleu.
Avec « Décoration », on pourrait forcer le style sur la balise
<a>. Sauf que pour l’instant, la balise<a>n’existe pas dans « Décoration ». (pour info, lorsqu’un<span>est inclus dans un<a>, les webmails persistent à lui attribuer le style de la balise<a>, qui est vide dans le cas présent.)Ce serait faisable ? Déjà plusieurs jours de galère, et je ne trouve aucun moyen de contourner le problème...
# Le 10 janvier à 14:07, par Pat
En réponse à : Décorer ou colorer vos textes
Il me semble qu’on peut s’en sortir uniquement en CSS avec le code actuel, en passant par les classes et le sélecteur parent qui va bien :
span.rouge.class = rouge.rouge, .rouge a {color:red;}Du coup, le plugin transforme donc le code suivant :
<rouge>[->lien.class.fr]</rouge>en :
<span class="rouge"><a href="www.lien.fr" class="spip_url spip_out">www.lien.fr</a></span>Est-ce que cela répond à ta question ? Il y a aussi la directive
!importantqui peut forcer un style. Il me semble que cette démarche active du webmestre reste une bonne chose, non ?# Le 11 janvier à 12:20, par Sylvano
En réponse à : Décorer ou colorer vos textes
Nope ! ça ne répond pas à ma question, mais c’est ma question qui est mal posée, pardon.
J’aurais voulu pouvoir appliquer un style inline à la balise
<a>générée par spip. (Il était pourtant très clair que le plugin ajoute une balise<span>plutot que de modifier le lien généré par spip, honte sur moi, mais y a-t-il un outil qui fait ça ?).Donc ce n’est pas la fonction que je cherche, mais elle permet un contournement partiel du problème. Et tu as raison, la logique de l’outil est bonne. (l’ensemble de spip démontre une grande application...)
Tout le problème vient des clients mail, qui ne gèrent pas l’héritage des styles (pas plus que les classes css, d’ailleurs), et ça produit des casse-têtes (mais je n’ai que brièvement connu la triste époque d’IE6, et certains clients prennent en compte cet héritage après que l’utilisateur ait validé l’affichage html complet). D’ailleurs, entre hier et aujourd’hui, l’affichage des mails a changé : le
<span>dans un<a>est désormais reconnu chez Gmail. J’ai perdu la moitié de mes cheveux entre temps... Et le problème persiste pour les<img>, qui n’héritent pas du style du<span>englobant (doù problème avec les #descriptions).Merci pour la rapidité de ta réponse, et l’exemple supplémentaire sur les classes ! Et merci à toi à l’équipe Spip pour ces outils formidables. Petite interrogation par contre, il doit y avoir une coquille dans ton exemple, car le code :
[xx->lien.class.fr]produit chez moi<a href="lien.class.fr">xx</a># Le 11 janvier à 13:29, par Patrice Vanneufville
En réponse à : Décorer ou colorer vos textes
Dans ce cas, autant te concocter une lame perso, non ? Au moins elle sera ciblée et fera exactement ce que tu cherches... Je n’ai pas testé le code suivant, mais voici une idée à placer dans le fichier outils/styles_inline_config.php :
<?php
_ if (!defined("_ECRIRE_INC_VERSION")) return;
_ # --------------------------------------------------------------
_ # Fichier de configuration pris en compte par config_outils.php
_ # et specialement dedie a la configuration de ma lame perso
_ # --------------------------------------------------------------
_ // Ajout de l'outil 'styles_inline'
_ function outils_styles_inline_config_dist() { add_outil(array(
_ 'id' => 'styles_inline',
_ 'nom' => 'Mes styles inline',
_ 'description' => 'Une lame qui ajoute des styles inline. Attention, méthode musclée !',
_ 'categorie' => 'typo-corr',
_ 'pipeline:post_propre' => 'styles_inline_post_propre',
_ 'code:options' =>'
_ // Fonction de remplacement
_ function styles_inline_rempl($texte) {
_ return preg_replace(",<a ,", "<a style=\"color:red;\" ", $texte);
_ }
_ // Fonction de pipeline
_ function styles_inline_post_propre($texte) {
_ if (strpos($texte, "<a ")===false) return $texte;
_ // appeler styles_inline_rempl() une fois que certaines balises ont ete protegees
_ return cs_echappe_balises("", "styles_inline_rempl", $texte);
_ }
_ ',
_ ));}
_ ?>
Doc : [dev] Le Couteau Suisse à piloter
En fonction de la version de SPIP que tu utilises, je crois qu’il y a aussi moyen de passer par un pipeline spécifique pour gérer le format final des liens. Piste à étudier.
# Le 12 janvier à 19:37, par Sylvano
En réponse à : Décorer ou colorer vos textes
Waouh... D’accord, super. Merci. Mais que demande le peuple ? Une méthode musclée mais qui va plaire à mes rédacteurs. Je vais tester ça.
Répondre à ce message
# Le 18 octobre 2009 à 17:45, par Amire
En réponse à : Décorer ou colorer vos textes
Bonjour,
J’ai activé le plugin avec la version 2.0.9 de spip mais les raccourcies ne sont pas affichés. j’ai oublié un détail peut être !?
# Le 31 mars 2011 à 16:30, par Renée Picard
En réponse à : Décorer ou colorer vos textes
Bonjour
Les boutons pour mettre en couleur ne s’affichent pas.
J’ai vidé les 2 caches. Par FTP j’ai jeté tout ce que contient tmp/couteau suisse.
J’ai désactivé, activé tout en couleur dans la zone plugin couteau suisse.
Rien n’y fait ???
Par contre si je sélectionne une couleur, même si je ne la vois pas, le texte se colore !
SPIP 2.1.9
Merci
RP
Répondre à ce message
# Le 25 septembre 2010 à 11:06, par Rodolphe
En réponse à : Décorer ou colorer vos textes
Bonjour,
merci pour ce plugin que j’utilise maintenant dans tous mes sites.
Mais sur mon dernier site j’ai un bug :
- les icones pour « Tout en couleurs » sont vides.
- les préférences ne sont pas prises en compte (j’ai coché « non » pour « Permettre les fonds » pourtant il affiche toujours les deux séries de boutons dans l’interfaces).
- Les icones pour « Decoration » s’affichent mais les préférences ne sont pas prises en compte.
config :
- SPIP 2.1.0 [15608]
- Le Couteau Suisse 1.8.23.00
- Porte plume 1.7.3 (installé dans plugins, Porte plume 1.7.1 du répertoire extensions est désactivé par SPIP)
merci de m’éclairer sur ce bug.
# Le 25 septembre 2010 à 11:42, par Patrice Vanneufville
En réponse à : Décorer ou colorer vos textes
Salut.
Ne serait-ce pas une histoire de cache SPIP à vider ? Porte-Plume crée des caches qui ne sont pas forcément vidés lorsque tu modifies les paramètres du Couteau Suisse.
# Le 25 septembre 2010 à 12:14, par Rodolphe
En réponse à : Décorer ou colorer vos textes
Merci pour votre réponse.
Effectivement en vidant le cache des images calculées automatiquement les changements de préférences sont prises en compte.
Mais les icones pour « tout en couleurs » sont toujours vides...
Répondre à ce message
# Le 19 juillet 2010 à 22:52, par kel1
En réponse à : Décorer ou colorer vos textes
Bonjour,
Je rencontre des soucis avec le plugin couteau suisse / Décoration :
Mes balises ne sont pas interprétées
par exemple le code _ !orange-gras-14 ! Mon texte formaté !/orange-gras-14 !
m’affiche quand j’enregistre l’article !orange-gras-14 !
(j’ai mis ! pour remplacer les symboles inferieur et superieur car je ne sais pas écrire le code sinon !)
Version
spip SPIP 2.1.0 [15608]
Le Couteau Suisse 1.8.21.01 - stable
HORS cela marche parfaitement sur mes autres sites restés en
SPIP 2.0.3 [13596]
Le Couteau Suisse 1.8.21.01 - stable
Je cherche, je cherche... qqun aurait il le debut d’une piste ?
J’ai désactivé tous les autres plugins et n’ai laissé que decoration pour éviter les interferences.
Merci
# Le 21 juillet 2010 à 16:58, par kel1
En réponse à : Décorer ou colorer vos textes
J’ai résolu semble t il mon probleme :
il ne faut pas mettre de chiffre dans le nom avec cette derniere version.
en renommant mes codes, ça passe
Répondre à ce message
# Le 2 juin 2010 à 20:29, par rcaron
En réponse à : Décorer ou colorer vos textes
J’ai un problème...
une décoration cit. Lorsque à l’intérieur j’ai du texte avec des sauts de lignes les jolis guillemets ne fonctionnent plus. (Exemple : http://paris-lecture-petl.org/spip.php?article71 )
par contre ailleurs ça marche... (Exemple : http://paris-lecture-petl.org/spip.php?article72 )
Que dois-je faire ?
Merci
Répondre à ce message
# Le 29 avril 2010 à 16:30, par Regis92
En réponse à : Décorer ou colorer vos textes
Bonjour,
Sympa ce plugin, merci.
Par contre le problème chez moi c’est qu’il ne colorie pas les liens spip.
Sûrement pcq dans ma CSS j’ai un style général pour a href...
Comment faire pour que les liens soient aussi coloriés avec la couleur choisie ?
Merci.
# Le 29 avril 2010 à 16:54, par Patrice Vanneufville
En réponse à : Décorer ou colorer vos textes
Exact. Firefox+Firebug te montrera la hiérarchie CSS. Eventuellement, utilise les balises à chevrons de l’outil « Décorations » :
[un <fluo>essai</fluo>->www.google.fr]devrait fonctionner.Répondre à ce message
# Le 5 janvier 2010 à 14:20, par Artie
En réponse à : Décorer ou colorer vos textes
Non, j’avais même vidé le cache, ça ne fonctionne pas. C’est peut-être le même problème qu’"Amire" posté ci_dessous. Mais je ne sais pas si une solution a été trouvée ?
Merci
Artie
# Le 5 janvier 2010 à 14:25, par Patrice Vanneufville
En réponse à : Décorer ou colorer vos textes
Non non, à l’époque, ces boutons n’étaient pas implémentés. As-tu la toute dernière révision du plugin ? Est-ce que les 2 barres typo sont concernées (forums ET rédaction d’articles) ? Est-ce que tous les outils sont concernés par ce pb ? A ce jour seuls les outils suivants insèrent des boutons dans le Porte Plume :
- Tout en couleurs
- Décoration
- Smileys
- Chatons
# Le 5 janvier 2010 à 14:45, par Artie
En réponse à : pocédure Insertion bouton
oui, version « Le Couteau Suisse »
Version locale : 1.8.11.00
Révision : 34162
Je n’utilise le paramétrage que sur rédaction d’article
Tous les outils sont concernés par le pbm (Tout en couleur, Déco, smiley)
Merci
Artie
# Le 5 janvier 2010 à 14:53, par Artie
En réponse à : pocédure Insertion bouton
ça marche ! Milles excuses, je ne comprends pas pourquoi. Soit un problème de cache différent (navigateur ?), soit c’est parce-que j’ai activé tout en couleur que j’avais oublié ?
Merci en tous les cas, j’espère ne pas avoir pollué le fil de commentaire.
Artie
Répondre à ce message
# Le 5 janvier 2010 à 12:16, par Artie
En réponse à : procedure insertion bouton
Bonjour & happy new year !
Merci beaucoup pour votre réactivité/adaptation Porte plume.
Pour la procédure d’insertion des bouton dans la barre, j’ai beau « modifier les paramètres », ou désactiver réactiver l’option, rien n’y fait. D’où pourrait venir mon erreur ?
Merci encore
Artie
# Le 5 janvier 2010 à 14:10, par Patrice Vanneufville
En réponse à : procedure insertion bouton
Peut-être une question de cache ? En ajoutant « var_mode=recalcul » à l’URL, cela change-t-il quelque chose ?
Répondre à ce message
# Le 4 octobre 2009 à 20:32, par Amire
En réponse à : Décorer ou colorer vos textes
Bonjour,
J’ai bien installé le plugin « couteau suisse » et j’ai activé ces deux plugins « Décoration et toute en couleur » et bien sur les plugins Enluminures typographiques pour SPIP 2 & Porte plume sont activés.
Mais sur la page de rédaction je voix rien (toute en couleur et décoration ne s’affichent pas) avec la version spip 2.
Est ce q’il y a une détail que j’ai oublié pendant l’installation ? Merci.
# Le 23 décembre 2009 à 20:11, par Pat
En réponse à : Décorer ou colorer vos textes
Bonjour, avec la toute dernière version du Couteau Suisse, certains racourcis sont maintenant présents, notamment pour les lames « Smileys » et « Tout en couleur ». D’autres raccourcis devraient suivre progressivement.
# Le 3 janvier 2010 à 19:41, par Patrice Vanneufville
En réponse à : Décorer ou colorer vos textes
Re-bonjour. La version 1.8.11.00 du plugin offre désormais les boutons dans le Porte Plume pour les deux outils de cet article.
Une configuration sur les différentes barres typographiques est également possible.
Répondre à ce message
# Le 31 décembre 2009 à 01:12, par Artie
En réponse à : Isertion bouton dans porte plume ?
Bonjour,
Vous indiquez « Les deux outils dont parle cet article insèrent des boutons dans la Barre Typo V2 afin de faciliter à vos visiteurs la rédaction des messages ou des articles. »
Mais avec spip 2 c’est maintenant Porte plume qui est compatible. Est-il prévu des possibilité de raccourci avec Porte plume ?
Merci pour tout
Artie
# Le 31 décembre 2009 à 09:11, par Pat
En réponse à : Isertion bouton dans porte plume ?
Oui absolument, c’est en cours de développement. Le Couteau Suisse insère des boutons dans le Porte Plume, notamment « Smileys » et « Tout en couleur ».
# Le 3 janvier 2010 à 18:07, par Patrice Vanneufville
En réponse à : Isertion bouton dans porte plume ?
Re-bonjour. La version 1.8.11.00 du plugin offre désormais les boutons dans le Porte Plume pour les deux outils de cet article.
Une configuration sur les différentes barres typographiques est également possible.
Répondre à ce message