Charlie Nguyen-Duc

Je voulais trouver un plug in qui me permet d’ajouter du code source formaté et coloré à mon blog, mais cela n’a pas été mince affaire…

Tout d’abord, en faisant mes recherche je suis tombé sur ce site qui propose deux plug in disponible ici: plugin1, plugin2.

Le premier plugin se sert du script développé par google (disponible ici) fonctionnant en Javascript. Le deuxième parsant votre code source du coté serveur en php.

Après les avoir tous les deux testé, je préfère le plugin2 pour deux raison:

• Les lignes sont numérotées
• Il n’y a pas de bug dût à l’emploi du javascript vu que tout est réalisé côté serveur (en effet en faisant les tests avec le plugin1, j’ai eu le droit a des erreurs javascript et j’ai également remarqué que ça me désactivait ma fonction de drag & drop, c’est donc un code très mal finalisé)

Je déconseille donc fortement le plugin1 qui est basé sur le code de google en Javascript.
Autre défaut présent ce coup ci sur les deux plugin, si on a trop de code il y a un overflow et le texte écrit en dessous se voir superposé avec le code source. Donc une présentation horrible…

Vraiment plus que déçu par ces deux scripts, et après avoir passé plus de deux heures à tenter de régler ces divers problème, je les laisse tomber et je me décide à faire de plus ample recherche et trouve finalement l’excellent plugin: WP-Syntax

Là, j’ai enfin quelque chose d’efficace, qui marche et qui est de plus très joli!

Pour l’utilisation c’est très simple il suffit d’entouré le code à mettre en forme par:

<pre lang=”C” line=”1″> Votre Code</pre>

La balise PRE affiche le texte contenu dans ses balises tel qu’il est écrit en respectant les espaces les tabulations et les sauts à la ligne. Elle interprête malheureusement pour nous le code html qu’elle contient à l’exception de certaines balises (OBJECT, SUB, SUP , BIG, SMALL et IMG). Il vous faudra donc toujours bien garder à l’esprit que les balises ne sont pas affichable autrement dit pas de code source Html ni Xml!

Mais bon sans plus attendre, pour illustrer ce plugin (qui marche!) rien de tel qu’un petit exemple de code:

1
2
3
4
5
6
7
8

class SimpleClass
{
  // member declaration
  public $var = 'a default value'; // method declaration
  public function displayVar() {
    echo $this->var;
  }
}

Conclusion: J’étais vraiment déçu des fonctions limités et buggés des deux premier scripts de coloration, mais après avoir persévéré et continué mes recherche j’ai enfin trouvé quelque chose d’efficace que je recommande à tout bloguer-codeur qui se respecte: WP-Syntax