Depuis longtemps.. vous cherchez une extension facile pour mettre en évidence votre code.. sans avoir à vous soucier de balises compliquées, sans avoir des pertes dans votre code et tout cela, évidemment, sans perdre trop de temps.

Et bien l’un des plus récents plugins que j’ai installé est mon nouveau Syntax Highlighter ! Franchement, il en vaut le coup et voici comment l’installer (en fait c’est 2 plugins, mais bon, tenez-vous pour dire qu’on a rien sans rien dans vie !).

1. Premièrement, vous avez besoin de SyntaxHighlighter Evolved. Ceci est le coeur de l’extension. Je vous suggère la version 2, pour le line-wrapping mais à vous de voir ! (les versions sont dans « settings » en haut complètement.

2. Ensuite je vous suggère d’installer TinyMCE Advanced si ce n’est déjà fait. Il vous apportera un tout joli petit bouton avec le dernier plugin suivant..

3. SyntaxHighlighter TinyMCE Button ! Ceci vous procure un bouton dans votre barre TinyMCE marqué « code ». Ça ouvre alors une nouvelle fenêtre dans laquelle vous choisissez le type de code ainsi qu’un textarea où mettre votre code.

4. Maintenant, pour être sur que cela fonctionne, allez dans votre SyntaxHighlighter TinyMCE Button « settings » et choisissez dans les options en haut « SyntaxHighlighter Evolved », l’autre plugin qu’on a installé précédemment.

Et voilà.. en moins de deux minutes j’ai fait ces étapes et installé cette extension sur un autre blogue.. have fun !