You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
bricebou 296fa5fcc2 Compatibilité SPIP 4.2 6 months ago
css On travaille aux contrastes du thème de la grammaire SPIP par défaut 1 year ago
formulaires une passe de phpcs & phpcbf avec l'option --standard=SPIP40 6 months ago
icones_barre On ajoute un raccourci pour la grammaire SPIP à la barre d'édition avec l'icone qui va bien et on nettoie le fichier de langue (on n'a pas besoin de chaînes de langues pour HTML, CSS, etc. 1 year ago
js Mise à jour de la lib vers la release 1.28.0 (https://github.com/PrismJS/prism/releases/tag/v1.28.0) 6 months ago
lang On réécrit en partie le formulaire de configuration ainsi que les variables CSS pour être raccord avec ce qui est fait dans prismlive 1 year ago
lib Mise à jour de la lib vers la release 1.28.0 (https://github.com/PrismJS/prism/releases/tag/v1.28.0) 6 months ago
prive/squelettes/contenu Mise à jour compatibilité et chemin vers l'icone à la racine 6 months ago
.gitignore Un peu de ménage 1 year ago
README.md On fait un peu de rangement, on met à jour la doc et on monte de X puisqu'on bouleverse totalement le plugin 11 months ago
coloration_code.svg Mise à jour compatibilité et chemin vers l'icone à la racine 6 months ago
coloration_code_fonctions.php une passe de phpcs & phpcbf avec l'option --standard=SPIP40 6 months ago
coloration_code_pipelines.php une passe de phpcs & phpcbf avec l'option --standard=SPIP40 6 months ago
paquet.xml Compatibilité SPIP 4.2 6 months ago

README.md

Coloration Code

Coloration Code est un plugin pour SPIP apportant la coloration syntaxique grâce à la librairie PrismjS de Lea Verou intégrée dans SPIP grâce au plugin Prism.

Dépendant de ce dernier, le plugin Coloration Code intègre le plugin Autoloader permettant de charger les seules grammaires nécessaires page par page, ainsi que le thème par défaut.

Coloration Code est configurable via /ecrire/?exec=configurer_coloration_code et permet tout d'abord de configurer PrismJS:

  • choix des plugins à activer parmi une liste restreinte au regard de ceux existants:
    • Line Numbers, qui ajoute automatiquement les numéros de ligne. Nécessite d'insérer la classe line-numbers à l'élément <pre> ;
    • Line Highlight, qui nécessite d'insérer un attribut data-line sur l'élément <pre> ;
    • Copy to Clipboard : ajout d'un bouton permettant de copier tout le bloc de code ;
    • Show Language qui affiche automatiquement la grammaire utilisée ;
    • Command Line qui insère automatiquement un prompt, grâce aux attributs data-user et data-host mais leur insertion est automatisable (voir infra).
  • configuration du plugin Command Line avec possibilité d'indiquer un utilisateur et un hôte à utiliser par défaut, que ce soit dans le code rendu (auquel cas on n'a pas besoin d'ajouter systématiquement les attributs data-user et data-host) mais aussi pour le raccourci des barres d'édition (cf.infra);
  • choix du thème;
  • si choix du thème personnalisé, configuration de l'ensemble des couleurs, permettant de générer à la volée son propre thème.

La configuration permet aussi d'activer des outils dans les barres d'édition et de forum du Porte Plume, comme le proposait le plugin Codes informatiques pour Porte Plume.