SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 175 visiteurs en ce moment

Accueil > Rédaction > Assistants de rédaction > Des couleurs dans le texte > couleurs_spip version 2

couleurs_spip version 2

4 octobre 2009 – par Cerdic, domiw – 21 commentaires

11 votes

Mise à jour et amélioration du plugin présenté à l’article Des couleurs dans le texte V2... (et des span) permettant d’enrichir la typographie de groupes de mots en insérant des balises dans le texte des articles (ou le chapeau, ou descriptif,…)

Les nouveautés :
-  Possibilité d’imbriquer les span
-  Écriture simplifiée pour la balise de fermeture
-  Redéfinition de la feuille de style du plugin par une feuille du même nom placée dans /squelettes/css/

Mettre certains mots en couleur

Pour mettre certains mots du texte en couleur ou modifier leur taille ou toute autre caractéristique typographique, il suffit d’entourer ceux-ci de balises. Par exemple :
Rouge : <cs_rouge>le texte en rouge</cs>
Orange : <cs_orange>le texte en orange</cs>
xxl : <cs_xxl>le texte en plus gros</cs>

le principe est <cs_code>le texte à mettre en couleur ou autre</cs>.
Les couleurs disponibles d’origine pour les styles définis par défaut étant :
noir, marron, rouge, orange, jaune, vert, bleu,violet, gris, blanc.
les tailles disponibles par défaut étant : xxxl, xxl, xl, l, s, xs, xxs

Il convient cependant de ne pas abuser de cette possibilité pour ne pas détruire la cohérence graphique et typographique du site. Ceci est utilisable dans tous les éléments des articles, sauf les titres...

span imbriqués

Il est possible d’imbriquer les balises. Par exemple :
<cs_rouge>cette partie de phrase est en rouge <cs_vert>ceci en vert</cs> et de nouveau en rouge</cs>
Produira : cette partie de phrase est en rouge ceci en vert et de nouveau en rouge (simulé ici par du gras et de l’italique).

Notes :
-  Ne pas oublier de fermer les balises et de ne l’appliquer qu’à l’intérieur du même paragraphe (différence de comportement là dessus entre IE et les navigateurs intelligents).
-  Il est important d’avoir autant de balises de fermeture (</cs>) que de balises d’ouverture.
-  Les balises sont fermées dans l’ordre inverse où elles ont été ouvertes.
-  Lors de l’imbrication le span le plus « interne » hérite des propriétés non redéfinies du premier (dans l’exemple précèdent si le style rouge est souligné alors la partie en vert le sera aussi sauf si on a redéfini cette propriété pour le vert (text-decoration : none ;)

Définir ses styles personnels

Pour cela il suffit de créer dans son dossier squelettes un dossier « css » et d’y placer une copie de la feuille de style du plugin que l’on modifiera ensuite en supprimant ou ajoutant des styles. Elle devra s’appeler couleurs_spip.css.

Les noms des styles doivent tous commencer par « cs_ »

span.cs_nb {
        color: white;
        background-color: black; }

définit par exemple un style de style « noir au blanc » (caractères en blanc sur fond noir).

Ce style sera alors utilisé dans le texte de l’article (ou du chapeau ou de tout autre élément) par <cs_nb>le texte écrit en noir au blanc</cs>

Rappelons que le bon goût en matière de typo doit rester de mise :-)) dans les couleurs et les effets, et que leur utilisation doit rester parcimonieuse.

Disponible sur la zone.

Voir en ligne : http://plugins.spip.net/couleurs_spip

Dernière modification de cette page le 25 janvier 2016

Retour en haut de la page

Vos commentaires

  • Le 25 janvier à 10:08, par chti47 En réponse à : couleurs_spip version 2

    Bonjour,
    Je viens de passer un site en spip3.1.0 et j’utilise le plugin couleur_spip. En site public le plugin fonctionne correctement dans les textes déjà écrits avant la mise à jour spip, mais lorsque je veux écrire un nouvel article ou reprendre un ancien, l’outil pour choisir les couleurs n’apparaît plus dans la barre d’outils de rédaction d’article.
    Difficile pour les rédacteurs de taper [fond_vert][jaune]mon texte[/jaune][/fond_vert].
    Quelqu’un pour m’aider svp ?

    Chti47

    • Le 25 janvier à 11:46, par chti47 En réponse à : couleurs_spip version 2

      Je viens de résoudre mon problème. Apparemment il y aurait un petit conflit entre le plugin couleur_spip et le plugin enluminure typographique. Après avoir désactivé enluminure typographique, et l’avoir réactivé, couleur_spip affichait de nouveau les icones dans la barre d’outils . Est-ce du à un ordre d’activation des plugins ?

    Répondre à ce message

  • Le 20 mars 2015 à 11:32, par AM En réponse à : couleurs_spip version 2

    Bonjour,
    Il y a un bug si l’on utilise directement les balises cs : les balises de fin /cs ne sont pas remplacées par des /span, par conséquent la couleur se propage au delà de la balise de fin.

    • Texte de l’article spip :

    CROCHETS [rouge]texte rouge[/rouge] blablabla [violet]texte violet[/violet] blablabla [orange]texte orange[/orange] blablabla

    BALISES CS <cs_rouge>texte rouge</cs> blablabla <cs_violet>texte violet</cs> blablabla <cs_orange>texte orange</cs> blablabla

    • Code html produit :

    <p>CROCHETS <span class="cs_red cs_rouge">texte rouge</span> blablabla <span class="cs_purple cs_violet">texte violet</span> blablabla <span class="cs_orange cs_orange">texte orange</span> blablabla</p>

    <p>BALISES CS <span class="cs_red cs_rouge">texte rouge</cs> blablabla <span class="cs_purple cs_violet">texte violet</cs> blablabla <span class="cs_orange cs_orange">texte orange</cs> blablabla</p>

    • Résultat
    Avec les crochets, aucun problème, avec les balises cs, les « blablabla » qui suivent le texte en couleur sont également colorés.

    Il semble que l’erreur soit corrigée si l’on ajoute à la ligne 115 de couleurs_spip_pipelines.php (function couleurs_spip_liste_remplacements(), juste avant le de fin du « if (is_null($rempl)) ») l’instruction :
    $rempl["</cs>"] = "</span>";

    Pensez-vous que cette correction puisse être apportée ? Merci d’avance de votre réponse.

    Version du pluggin utilisée : 3.1.0 SVN [84314]
    Testé en DTD XHTML 1.0 Strict et XHTML 1.0 Transitional, sans aucun autre pluggin activé.

    PNG - 15 ko

    Répondre à ce message

  • Le 7 mai 2013 à 03:07, par Cedman En réponse à : couleurs_spip version 2

    Comment faire pour que la balise CS_xxx Soit reconnue dans les titre et sous-titre

    • Le 7 mai 2013 à 08:45, par domiw En réponse à : couleurs_spip version 2

      a. Définir dans mes fonction la fonction couleurs_spip définie dans cet article.
      b. Dans les squelettes utiliser alors [... (#TITRE|couleurs_spip)...]
      Ça devrait le faire.

    • Le 31 mai 2014 à 18:59, par DD En réponse à : couleurs_spip version 2

      Bonjour,

      Sur un site en SPIP3 j’ai ajouté un fichier mes_fonctions.php dans squelettes/ qui contient :

      /** filtre de colorisation du texte |couleurs_spip **/
      function couleurs_spip($letexte) {
              $letexte = preg_replace('`<cs_(.*)>(.*)</cs_\1>`iU', '<span class="cs_$1">$2</span>', $letexte);
              return $letexte;
      }

      pour pouvoir coloriser les champs titre & descriptif des documents
      et j’ai ajouté le filtre |couleurs_spip dans mon squelette.

      Ça marche pas j’ai le message d’erreur :
      1 Filtre couleurs_spip non défini

      C’est la première fois que j’essaie cette colorisation, peut-être me plantais-je ??

      dd

    Répondre à ce message

  • Le 12 février 2014 à 07:02, par Daniel En réponse à : couleurs_spip version 2

    Bonjour, sous SPIP 2.1.14 je suis surpris car dans l’aperçu de mon article j’ai bien els couleurs suite au code mais plus qd les articles sont affichés sur le site.

    Ex : http://31.fo-snudi.fr/article597.html où j’ai mis « Si l’on » (début de l’article) en orange mais il continue d’apparaitre noir :/

    Quelqu’un a une piste ?

    • Le 12 février 2014 à 08:13, par domiw En réponse à : couleurs_spip version 2

      Quel est le squelette utilisé ? Est-ce qu’avec le squelette-dist cela fonctionne (pour tester rebaptiser toto le dossier des squelettes perso). Si dans ce cas cela fonctionne c’est probablement dû au fait que #INSERT_HEAD n’est pas présent dans les entêtes du squelette, entre les balises

      et

      . Voir ici pour plus d’explications http://www.spip.net/fr_article4629.html et voir sur les squelettes de la dist pour exemple.
      Normal alors que cela fonctionne dans la partie privée et pas dans la partie publique.

    Répondre à ce message

  • Le 9 octobre 2013 à 10:37, par Dznet En réponse à : couleurs_spip version 2

    Bonjour,

    Je suis sous spip 3.11, et chez moi cela ne fonctionne pas, le text reste de la même couleur et quand je regarde le code source je vois

    <cs_rouge>le texte en rouge</cs>

    d’ou peut venir le problème

    Merci

    • Le 11 octobre 2013 à 15:48, par Ysabeau En réponse à : couleurs_spip version 2

      Et en vidant le cache, ça donne quoi ?

    • Le 11 octobre 2013 à 16:00, par Dznet En réponse à : couleurs_spip version 2

      Bonjour,

      Même en vidant le cache cela ne fonction pas

    • Le 11 octobre 2013 à 16:28, par domiw En réponse à : couleurs_spip version 2

      Bonjour
      Les balises sont-elles insérées dans le texte d’un article ou son titre. dans ce dernier cas je ne sais si cela fonctionne.

      Vérifier que le lien vers la feuille de style couleurs_spip.css figure bien dans le head de la page. Sinon revoir l’installation du plugin. est-il bien actif ?

      D’autre part pour spip3 ce plugin a été repris par Cédric pour l’unifier avec la lame tout en couleur du Couteau si j’ai bien compris voir la doc de la lame. Que donnent l’utilisation des codes du style [rouge]le texte[/rouge] ?

    Répondre à ce message

  • Le 28 novembre 2012 à 16:17, par robomatix En réponse à : couleurs_spip version 2

    Merci pour ce plugin !

    Il y a t-il un moyen de mettre des boutons dans la barre typo pour insérer encore plus facilement les balises ?

    Merci d’avance de vos réponses.

    • Le 12 décembre 2012 à 22:34, par oliv316 En réponse à : couleurs_spip version 2

      utilise le couteau suisse avec l’option tout en couleur et tu auras l’option dans la barre typographique

    Répondre à ce message

  • Le 31 janvier 2011 à 17:24, par Yffic En réponse à : couleurs_spip version 2

    Salut
    J’aimerais faire évoluer ce plugin, en rajoutant par exemple le pipeline insert_head_css qui permet d’insérer la css au bon endroit dans le head et de la compresser avec les autres. Ca serait possible de le passer en svn ?

    Et du coup ne serait-il pas judicieux de lui changer de nom et de rubrique. Car il n’est pas que lié à la possibilité d’ajout de couleurs. Vu qu’il ajoute des span et qu’on fait ce qu’on veut ensuite avec la css...

    Faut juste trouver un autre nom...

    • Le 1er février 2011 à 13:57, par domiw En réponse à : couleurs_spip version 2

      Pas de soucis. Je le mets sur la zone dès que je trouve un peu de temps.

      Changer de nom pourquoi pas, mais la doc est déjà en place et à priori la principale utilisation est celle de mettre certains mots en couleur non ? span_spip c’est pas très beau... Enfin les goûts et les couleurs...

    • Le 11 septembre 2011 à 16:08, par gilcot En réponse à : couleurs_spip version 2

      span_spip est pas du tout beau... mais c’est bien ce que fait le plugin (et je m’en sert, pas pour juste mettre des couleurs, mais des effets mettant en évidence certaines parties du texte...)
      on pourrait aller plus loin en remarquant qu’il ajoute des SPANs avec CLASSe... (ou « Class in Span » pour être précis, et là on retombe sur nos pattes avec le préfixe « cs »)  ;-D

    • Le 11 septembre 2011 à 16:16, par gilcot En réponse à : couleurs_spip version 2

      Pour la rubrique, c’est bien un assistant de rédaction (comme les raccourcis typographiques de Spip, permettre aux rédacteurs qui ne connaissent pas forcément HTML, de faire <span class="ma_classe-bidule">mon texte à mettre en valeur</span> en faisant <cs_ma_classe-bidule>mon texte à mettre en valeur</cs> tout simplement  :-P)
      Et le logo cadre très bien avec !

      Petite doléance de puriste en passant : ce serait bien (mieux) qu’on puisse écrire aussi bien cs rouge (un ou plusieurs espaces) que cs_rouge (avec underscore, pour la compatibilité ascendante)...

    Répondre à ce message

  • Le 15 octobre 2010 à 14:36, par Jean Marc En réponse à : couleurs_spip version 2

    Génial !!!
    Enfin un truc simple à mettre en œuvre pour le commun des mortels et surtout efficace !!!

    Mille ! Merci ! Merci !

    Répondre à ce message

  • Le 19 août 2010 à 11:58, par Frédérique En réponse à : couleurs_spip version 2

    Vraiment très bien, simple et facile à utiliser !

    Répondre à ce message

  • Le 12 octobre 2009 à 12:44, par hg En réponse à : couleurs_spip version 2

    Merci pour ce superbe plugin.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Import ICS 2 (agenda distant)

    2 août – 35 commentaires

    La version 2 du plugin « import ICS » en reprend la principale fonctionnalité, à savoir l’ajout automatique d’évènements distants dans la liste des évènements d’un site. À la différence de la première version, elle ne dépend pas du plugin « Séminaire » et est (...)

  • Newsletters

    16 janvier 2013 – 374 commentaires

    Ce plugin permet de composer des Info-lettres. Par info-lettre, on désigne ici le contenu éditorial qui va être composé et envoyé par courriel à une liste d’inscrits. Le plugin permet de composer une info-lettre à partir d’un modèle pré-composé, (...)

  • CKeditor 3.0

    4 octobre 2009 – 1217 commentaires

    CKeditor est l’évolution de l’éditeur WYSIWYG : FCKeditor, avec ce plugin vous pourrez utiliser cet éditeur à la place de l’éditeur de spip tout en laissant le choix à vos auteurs de l’éditeur qu’ils préfèrent utiliser. Attention : cet éditeur WYSIWYG (...)

  • GIS 4

    11 août 2012 – 1284 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • SPIPr

    23 mars 2015 – 75 commentaires

    SPIPr est à la fois une famille de squelettes et un framework pour le développement front avec SPIP. Prêt à l’emploi, thémable, responsive, et conçu dans une approche d’industrialisation et de développement rapide. Documentation source : (...)

Ça spipe par là