Des couleurs dans le texte et modifications de la taille de la police

Published : 2 August 2006 – updated on 21 December 2021 – by dockys – 5 commentaires

1
2
3
4
5
2 Votes

All contributions published for previous SPIP versions

Ce filtre crée de nouveaux raccourcis qui permettent d’insérer de la couleur dans vos textes ainsi que la modification de la taille de la police.

Ce filtre s’applique à la version 1.7.2

Ce script est une variante du filtre de Aurelien Pierrard avec en plus l’ajout de la taille de la police. et introduit deux nouveaux raccourcis typographique à SPIP.

Mise en Place du script

Pour le webmaster : Il suffit d’ajouter |couleur|taille aux tags spip situé dans les squelettes (fichiers .html).

Repérez la ligne :

[<div class="texte">(#TEXTE|target)</div>]
<code>

{{et remplacez par celle ci}}

<code>
[<div class="texte">(#TEXTE|target|taille|couleur)</div>]

Utilisation

Pour le rédacteur : Il suffit d’encadrer le texte à mettre en couleur

-  exemple pour la couleur : [blue]bonjour[/blue]

-  exemple pour la taille (valeur possible entre 12 et 40) : [16]bonjour[/16]

 <?php

/*
 *   +----------------------------------+
 *    Nom du Filtre : Couleur Texte et Taille Texte 
 *    Version Spip 1.7.2                                       
 *   +----------------------------------+
 *    Date : Dimanche 2 Avril 2006
 *    Auteur :  Xavier Devors : http://www.asm11.fr
 *   +-------------------------------------+
 *    Fonctions de ce filtre :
 *		Permet de modifier la couleur du texte
 *		Utilisation pour le rédacteur : [blue]test[/blue]
 * 		Utilisation pour le webmaster : [(#TEXTE|couleur)]
 *  
 	    Permet de modifier la taille  du texte
 *		Utilisation pour le rédacteur : [taille]bonjour[/taille] ex: [30]bonjour[30]
 * 		Utilisation pour le webmaster : [(#TEXTE|taille)]
  +-------------------------------------+ 
 *  
 
*/
  function couleur($texte) {
  
     $texte = preg_replace("/(\[aliceblue\])(.*?)(\[\/aliceblue\])/", "<span style=\"color:#9fcf00;\">\\2</span>", $texte);
     $texte = preg_replace("/(\[antiquewhite\])(.*?)(\[\/antiquewhite\])/", "<span style=\"color:#faebd7;\">\\2</span>", $texte);
	 $texte = preg_replace("/(\[aqua\])(.*?)(\[\/aqua\])/", "<span style=\"color:#00ffff;\">\\2</span>", $texte);
	 $texte = preg_replace("/(\[aquamarine\])(.*?)(\[\/aquamarine\])/", "<span style=\"color:#7fffd4;\">\\2</span>", $texte);
	 $texte = preg_replace("/(\[azure\])(.*?)(\[\/azure\])/", "<span style=\"color:#f0ffff;\">\\2</span>", $texte);
	 $texte = preg_replace("/(\[beige\])(.*?)(\[\/beige\])/", "<span style=\"color:#f5f5dc;\">\\2</span>", $texte);
	 $texte = preg_replace("/(\[bisque\])(.*?)(\[\/bisque\])/", "<span style=\"color:#ffe4c4;\">\\2</span>", $texte);
	 $texte = preg_replace("/(\[black\])(.*?)(\[\/black\])/", "<span style=\"color:#000000;\">\\2</span>", $texte);
	 $texte = preg_replace("/(\[blanchedalmond\])(.*?)(\[\/blachedalmond\])/", "<span style=\"color:#ffebcd;\">\\2</span>", $texte);
     $texte = preg_replace("/(\[blue\])(.*?)(\[\/blue\])/", "<span style=\"color:#0000ff;\">\\2</span>",$texte);
     $texte = preg_replace("/(\[blueviolet\])(.*?)(\[\/blueviolet\])/", "<span style=\"color:#8a2be2;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[brown\])(.*?)(\[\/brown\])/", "<span style=\"color:#a52a2a;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[burlywood\])(.*?)(\[\/burlywood\])/", "<span style=\"color:#deb887;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[cadetblue\])(.*?)(\[\/cadetblue\])/", "<span style=\"color:#5f9ea0;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[chartreuse\])(.*?)(\[\/chartreuse\])/", "<span style=\"color:#7ffff00;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[chocolate\])(.*?)(\[\/chocolate\])/", "<span style=\"color:#d2691e;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[coral\])(.*?)(\[\/coral\])/", "<span style=\"color:#ff7f50;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[cornflowerblue\])(.*?)(\[\/cornflowerblue\])/", "<span style=\"color:#6495ed;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[cornsilk\])(.*?)(\[\/cornsilk\])/", "<span style=\"color:#fff8dc;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[crimson\])(.*?)(\[\/crimson\])/", "<span style=\"color:#dc143c;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[cyan\])(.*?)(\[\/cyan\])/", "<span style=\"color:#00ffff;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[darkblue\])(.*?)(\[\/darkblue\])/", "<span style=\"color:#00008b;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[darkcyan\])(.*?)(\[\/darkcyan\])/", "<span style=\"color:#008b8b;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[darkgoldenrod\])(.*?)(\[\/darkgoldenrod\])/", "<span style=\"color:#b8860b;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[darkgray\])(.*?)(\[\/darkgray\])/", "<span style=\"color:#a9a9a9;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[darkgreen\])(.*?)(\[\/darkgreen\])/", "<span style=\"color:#006400;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[darkkhaki\])(.*?)(\[\/darkkhaki\])/", "<span style=\"color:#bdb76b;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[darkmagenta\])(.*?)(\[\/darkmagenta\])/", "<span style=\"color:#8b008b;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[lightsalmon\])(.*?)(\[\/lightsalmon\])/", "<span style=\"color:#ffa07a;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[lightseagreen\])(.*?)(\[\/lighseagreen\])/", "<span style=\"color:#20b2aa;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[lightskyblue\])(.*?)(\[\/lighskyblue\])/", "<span style=\"color:#87cefa;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[lightslategray\])(.*?)(\[\/lightslategray\])/", "<span style=\"color:#778899;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[lightsteelblue\])(.*?)(\[\/lightsteelblue\])/", "<span style=\"color:#b0c4de;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[lightsyellow\])(.*?)(\[\/lightyellow\])/", "<span style=\"color:#ffffe0;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[lime\])(.*?)(\[\/lime\])/", "<span style=\"color:#00ff00;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[limegreen\])(.*?)(\[\/limegreen\])/", "<span style=\"color:#32cd32;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[linen\])(.*?)(\[\/linen\])/", "<span style=\"color:#faf0e6;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[magenta\])(.*?)(\[\/magenta\])/", "<span style=\"color:#ff00ff;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[maroon\])(.*?)(\[\/maroon\])/", "<span style=\"color:#800000;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[mediummaquamarine\])(.*?)(\[\/mediummaquamarine\])/", "<span style=\"color:#66cdaa;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[mediumblue\])(.*?)(\[\/mediumblue\])/", "<span style=\"color:#0000cd;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[mediummorchin\])(.*?)(\[\/mediummorchin\])/", "<span style=\"color:#ba55d3;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[mediumpurple\])(.*?)(\[\/mediumpurple\])/", "<span style=\"color:#9370db;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[mediumseagreen\])(.*?)(\[\/mediumseagreen\])/", "<span style=\"color:#3cb371;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[mediumslateblue\])(.*?)(\[\/mediumslateblue\])/", "<span style=\"color:#7b68ee;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[mediumspringgreen\])(.*?)(\[\/mediumspringgreen\])/", "<span style=\"color:#0fa9a;\">\\2</span>",$texte); 
	 $texte = preg_replace("/(\[mediumturquoise\])(.*?)(\[\/mediumturquoise\])/", "<span style=\"color:#48d1cc;\">\\2</span>",$texte); 
	 $texte = preg_replace("/(\[mediumvioletred\])(.*?)(\[\/mediumvioletred\])/", "<span style=\"color:#c71585;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[midnightblue\])(.*?)(\[\/midnightblue\])/", "<span style=\"color:#191970;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[mintcream\])(.*?)(\[\/mintcream\])/", "<span style=\"color:#f5fffa;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[mistyrose\])(.*?)(\[\/mistyrose\])/", "<span style=\"color:#ffe4e1;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[moccasin\])(.*?)(\[\/moccasin\])/", "<span style=\"color:#ffe4b5;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[navajowhite\])(.*?)(\[\/navajowhite\])/", "<span style=\"color:#ffdead;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[navy\])(.*?)(\[\/navy\])/", "<span style=\"color:#000080;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[oldlace\])(.*?)(\[\/oldace\])/", "<span style=\"color:#fdf5e6;\">\\2</span>",$texte);
	 $texte = preg_replace("/(\[olive\])(.*?)(\[\/olive\])/", "<span style=\"color:#808000;\">\\2</span>",$texte);
	 
	 
	 
	 
// vous pouvez en rajouter car la liste n'est pas exhaustive 
	 
	 
	 return $texte;
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////

  
  function taille($texte) {
  
	 $texte = preg_replace("/(\[12\])(.*?)(\[\/12\])/", "<div style=\"font-size:12px;\">\\2</div style>", $texte);
     $texte = preg_replace("/(\[13\])(.*?)(\[\/13\])/", "<div style=\"font-size:13px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[14\])(.*?)(\[\/14\])/", "<div style=\"font-size:14px;\">\\2</div style>", $texte);
     $texte = preg_replace("/(\[15\])(.*?)(\[\/15\])/", "<div style=\"font-size:15px;\">\\2</div style>", $texte);
     $texte = preg_replace("/(\[15\])(.*?)(\[\/15\])/", "<div style=\"font-size:15px;\">\\2</div style>", $texte);
     $texte = preg_replace("/(\[16\])(.*?)(\[\/16\])/", "<div style=\"font-size:16px;\">\\2</div style>", $texte);
     $texte = preg_replace("/(\[17\])(.*?)(\[\/17\])/", "<div style=\"font-size:17px;\">\\2</div style>", $texte);
     $texte = preg_replace("/(\[18\])(.*?)(\[\/18\])/", "<div style=\"font-size:18px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[19\])(.*?)(\[\/19\])/", "<div style=\"font-size:19px;\">\\2</div style>", $texte);
     $texte = preg_replace("/(\[20\])(.*?)(\[\/20\])/", "<div style=\"font-size:20px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[21\])(.*?)(\[\/21\])/", "<div style=\"font-size:21px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[22\])(.*?)(\[\/22\])/", "<div style=\"font-size:22px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[23\])(.*?)(\[\/23\])/", "<div style=\"font-size:23px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[24\])(.*?)(\[\/24\])/", "<div style=\"font-size:24px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[25\])(.*?)(\[\/25\])/", "<div style=\"font-size:25px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[26\])(.*?)(\[\/26\])/", "<div style=\"font-size:26px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[27\])(.*?)(\[\/27\])/", "<div style=\"font-size:27px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[28\])(.*?)(\[\/28\])/", "<div style=\"font-size:28px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[29\])(.*?)(\[\/29\])/", "<div style=\"font-size:29px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[30\])(.*?)(\[\/30\])/", "<div style=\"font-size:30px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[31\])(.*?)(\[\/31\])/", "<div style=\"font-size:31px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[32\])(.*?)(\[\/32\])/", "<div style=\"font-size:32px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[33\])(.*?)(\[\/33\])/", "<div style=\"font-size:33px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[34\])(.*?)(\[\/34\])/", "<div style=\"font-size:34px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[35\])(.*?)(\[\/35\])/", "<div style=\"font-size:35px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[36\])(.*?)(\[\/36\])/", "<div style=\"font-size:36px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[37\])(.*?)(\[\/37\])/", "<div style=\"font-size:37px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[38\])(.*?)(\[\/38\])/", "<div style=\"font-size:38px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[39\])(.*?)(\[\/39\])/", "<div style=\"font-size:39px;\">\\2</div style>", $texte);
	 $texte = preg_replace("/(\[40\])(.*?)(\[\/40\])/", "<div style=\"font-size:40px;\">\\2</div style>", $texte);


// Vous pouvez naturellement ajouter d'autres valeurs si vous le juger utile !!!



     return $texte;
	 
}	 

 
// fin du script

?>

Discussion

5 years 1 year 3 months Without limit
par date
Filter

2 discussions

  • 2
    Magali Eléouet

    Bonjour, je travaille en local avec la version 1.9

    Ce filtre crée de nouveaux raccourcis qui permettent d’insérer de la couleur dans vos textes ainsi que la modification de la taille de la police.

    Si je comprends bien, je devrais voir cette fonction dans l’espace rédaction? Ce n’est pas le cas. J’ai mis “mes fonctions” à la racine, faut-il le placer dans “ecrire” , ou ailleurs SVP?

    Merci

    • dockys 
      Bonjour,

Je viens de tester mon filtre avec la version 1.9 de spip en local :

Voici la procédure pour le bon fonctionnement

1/ Placer le fichier mes_fonctions.php3 dans le dossier "ecrire"

2/ Aller dans le dossier "dist" et  editer le fichier "article.html" avec un editeur hml ou meme  avec le bloc note.

3/ c'est normalement a la ligne 44 : Remplacer cette ligne



{{ [<div class="texte">(#TEXTE|image_reduire{520,0})</div>]}}

par celle-ci :

{{[<div class="texte">(#TEXTE|taille|couleur|image_reduire{520,0})</div>]}}

4/ Maintenant cela devrait fonctionner: 
rediger votre article  dans votre espace redaction ex:

si vous voulez  que le mot  "test" soit en bleu taper dans votre article :
surtout lors de la rédaction veillez a ne pas mettre d'espaces entre le mot à coloriser.

[blue]test[/blue] 


voila c'est terminé ......

Bonne journée

Xavier
    • Venusa

      Parfait ! Tout marche impec ! merci !

    Reply to this message

  • 1
    sam

    ce filtre s’applique t il a la version 1,9 de spip ?
    merci

    • dockys

      Bonjour,

      Actuellement ce filtre n’est prévu que pour la version 1.7 mais je pense qu’il peut être adaptable a la version 1.9,
      je trouve un moment je pourrai me pencher sur la question.

      bonne continuation.........

    Reply to this message

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

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.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom