Le plugin “Coloration code”

Chrys — 2026-04-05T15:14:12Z

Dans cet article, je teste le plugin « Coloration Code » pour SPIP dans le cadre de mon propre usage. N'étant en aucun cas un expert, mon retour se base uniquement sur une utilisation personnelle et des observations pratiques.

L'objectif est simplement de voir comment il fonctionne au quotidien, d'évaluer sa facilité de mise en place ainsi que le rendu obtenu pour l'affichage d'extraits de code. Je m'intéresse notamment à la lisibilité, à la prise en charge des langages et à l'intégration dans un site SPIP existant.

Ce test n'a donc pas de valeur exhaustive ou technique avancée, mais plutôt celle d'un retour d'expérience utilisateur, avec les limites que cela implique.

HTML

 Bienvenue sur mon site SPIP
 Ceci est un exemple de code mis en forme avec PrismJS.

JS

CSS

/* Curseur main sur les elements input cliquables */ input[type="submit"],input.btn,input.submit, input[type="button"],input.button, input[type="image"],input.image, button { cursor: pointer; }

.banner_description{ margin-top: 0.725rem; margin-bottom: 1.75rem; } .banner > * { max-width: 675px; } @media (min-width: 610px){ .banner{ --image: url(../images/banner-desktop.jpg); border-radius: 40px; } } @media (min-width: 1100px){ .banner{ min-height: 743px; } }

SPIP

   [(#LOGO_ARTICLE|#URL_ARTICLE|sinon{})] 
  [(#TITRE)]
 [(#DESCRIPTIF|sinon{#TEXTE|couper{100}})] <:lirelasuite:>

BAS

Le plugin “Coloration code”

HTML

Bienvenue sur mon site SPIP

JS

CSS

SPIP

[(#TITRE)]