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 67e72e5476 On fait un peu de rangement, on met à jour la doc et on monte de X puisqu'on bouleverse totalement le plugin 1 month ago
css On travaille aux contrastes du thème de la grammaire SPIP par défaut 7 months ago
formulaires On va chercher les thèmes de bases de PrismJS au bon endroit 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. 7 months ago
js On réduit au strict minimum, sinon script non pris en compte lorsque compression javascript activée 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 7 months ago
lib Mise à jour de la lib prism-themes (https://github.com/PrismJS/prism-themes) 2 months ago
prive On fait un peu de rangement, on met à jour la doc et on monte de X puisqu'on bouleverse totalement le plugin 1 month ago
.gitignore Un peu de ménage 7 months 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 1 month ago
coloration_code_fonctions.php ça marche mieux avec le bon chemin vers la lib PrismJS 6 months ago
coloration_code_pipelines.php On rend de nouveau fonctionnelle la prévisualisation des thèmes 3 months ago
paquet.xml On fait un peu de rangement, on met à jour la doc et on monte de X puisqu'on bouleverse totalement le plugin 1 month 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.