[WordPress] Plugin WP-Syntax et coloration syntaxique de code

Je viens de rajouter au blog le plugin (Extensions dans le langage WP) gratuit WP-Syntax qui permet une coloration syntaxique du code en insérant simplement celui ci dans des balises pre.
Il permet aussi d’afficher le numéro de ligne.

L’utilisation d’un tel plug-in est extrêmement important pour mettre en forme du code source afin de le rendre beaucoup plus lisible.


Vous pouvez d’ailleurs voir un exemple de l’utilisation de ce plug-in sur la page suivante Grammaire de l’instruction switch dans différents langages

Il est basé sur le script GeSHi (Generic Syntax Highlighter), un script développé en PHP de colorisation syntaxique sous licence GNU GPL.

Exemple d'utilisation WP Syntax pour mettre en forme du code
Exemple d'utilisation WP Syntax pour coloriser du code

Utilisation

Pour l’utiliser il suffit d’encapsuler le texte à coloriser syntaxiquement à l’aide des balises

<pre></pre>

en lui rajoutant les options suivantes : Lang (obligatoire), Line (facultative), escaped (facultatif).
L’option lang permet de préciser le langage utilisé (csharp, php, sql, java …).
L’option line permet d’afficher un numéro de ligne en précisant la valeur de départ.
L’option escaped= »true » permet d’afficher les caractères html.
L’option highlight permet de mettre en surbrillance une ligne spécifique

Très pratique pour des extraits de code.

Langage

Ce plugin reconnait entre autres les langages suivant :

  • javascript
  • csharp
  • c
  • java
  • sql
  • php

Exemple de l’utilisation du plugin

A l’aide de la balise suivante pour du csharp

<pre lang=’csharp’ line=’57’ escaped=’true’ highlight=’4′>

57
58
59
60
61
62
63
64
    ///
    /// Permet de cacher le panel d'ajout de grille
    ///
    protected void Button3_Click(object sender, EventArgs e)    {
          panel2.Visible = false;
          string monstring = "<xml>Hello</xml>";
    }

et un exemple pour du sql

<pre lang=’sql’ line=’57’ escaped=’true’ highlight=’4′>

57
58
59
-- test
SELECT * 
FROM TABLE

Vous pouvez télécharger le plugin WP-Syntax sur le site wordpress.org ou directement sur Télécharger wp syntax


Plus d’information sur le site wordpress plugin wp-syntax


Depuis la version 1.0 WP-Syntax change la couleur de fond entre chaque ligne ce qui permet une meilleure lecture du code source.



Ci dessous, la liste des langues complètes supportées par ce plug-in :
abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp, autoit, avisynth, bash, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cil, cfdg, cfm, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode, lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, properties, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xml, xorg_conf,xpp, z80.



Ces variables sont à saisir dans l’attribut ‘lang’.



Pour aller plus loin je vous propose de lire aussi lié à WordPress :
[WordPress] Comment résoudre des problèmes de mise à jour?

EDITO du 25/6/2013 :
J’ai été obligé de désactiver ce plugin (WP-Syntax) puisqu’il ralentissait très fortement le chargement de la page lorsqu’il y a un grand nombre de lignes de code à mettre en forme.


3 commentaires sur « [WordPress] Plugin WP-Syntax et coloration syntaxique de code »

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.