PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 28/11/2017 00:12:48

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 1 068
Site Web

[plugin] PrismJS Affichage code source avec coloration syntaxique

Ce plugin permet d'afficher côté site du code dans différents langages avec une coloration syntaxique

Il est basé sur la librairie disponible à http://prismjs.com.
Le module de base ne prend en compte que quelques langages : HTML/XML, CSS, Javascript.
Il est assez facile de recompiler le module de base pour rajouter des langages comme PHP.
Il existe 128 langages sous forme de modules complémentaires (désignés par components). On peut voir la liste sur Github :
https://github.com/PrismJS/prism/tree/g … components
A côté de cela , il existe des plugins qu'on peut intégrer au module de base :

* numérotation des lignes
* surlignage de certaines lignes
* télécharger automatiquement le code source depuis Github, Bitbucket, ...
* télécharger le source directement depuis son serveur ( attention au code en php qui va être interprété avant envoi )
* chargement automatique du component pour les langages qui ne sont pas inclus de base
* affichage du langage sous forme de bulle
* bouton pour copier le code dans le presse-papier

J'ai dû modifier légèrement le code pour télécharger automatiquement ces components :
https://github.com/bazooka07/prism branche autoloader-path (git clone https://github.com/bazooka07/prism.git -b autoloader-path )

Le code à afficher est à encapsuler entre une paire de balises <pre class="language-css"><code>body { color: red; }</code></pre> par exemple
Dans le panneau de config, on a le choix entre 23 thèmes avec un aperçu.

Il y a un exemple à cette adresse :
http://kazimentou.fr/article15/test-de-prismjs

Télécharger la dernière version du plugin

2018-01-25 - Version 1.2.0 - Bugfix pour afficher des formats de fichiers peu utilisés
2017-11-27 - version 1.2.0

Dernière modification par bazooka07 (25/01/2018 19:40:09)

Hors ligne

#2 25/01/2018 19:38:51

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 1 068
Site Web

Re : [plugin] PrismJS Affichage code source avec coloration syntaxique

Version 1.2.2
Correction d'un petit bug pour afficher des formats de fichiers peu courants (par exemple, format diff)

Hors ligne

#3 17/02/2018 21:04:41

jack31
Membre
Lieu : Luchon
Inscription : 03/04/2012
Messages : 591
Site Web

Re : [plugin] PrismJS Affichage code source avec coloration syntaxique

Salut Bazooka07,

Il y a une chose que je ne comprends pas.

Il semble qu'à l’affichage le code php soit interprété, cela ne m'arrange pas.

Peux-tu me réexpliquer cela   parce que malgré toutes mes lectures, je seiche.


--
Tout va bien !
Des Pluxml tant qu'on en veut avec Pluxautomatic.
Pluxml pour Les Nuls :   Un petit tuto pour mes besoins personnels et ceux des débutants qui voudraient avoir une autre approche de notre CMS favori.

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2018 PluXml.org, tous droits réservés