Yosko.net

Colo syntaxique du blog

Rédigé par Yosko - 23 janvier 2013 - 1 commentaire

Quelques infos sur les thèmes de coloration syntaxique en général, et sur celle utilisée sur le blog en particulier.

function youpi() {
    $phrase = "La nouvelle coloration pète sa mère !";
    echo $phrase;
    return true;
}

Je viens de modifier la manière dont le code est coloré sur le blog. J'ai tout d'abord changé de script pour réaliser ça (je suis passé à SyntaxHighlighter), mais j'ai surtout porté un thème vim/sublime dont je suis tombé amoureux : Earthsong, par Dayle Rees (tous les thèmes de cet auteur sont compatible vim, TextMate, Sublime et intellij).

Vous allez me dire : "Qu'est-ce que ça peut bien nous foutre ?". Et outre le fait que vous soyez un grossier personnage, vous aurez raison.

Si je vous en parle, c'est pour vous partager les quelques petits trucs que j'ai appris quand aux thèmes de coloration syntaxique :

  1. Si vous voulez convertir un thème prévu pour TextMate/Sublime (format "*.tmTheme"), pour l'utiliser dans Notepad++, passez par cet outil (résultat correct, bien qu'il mériterait quelques retouches).
  2. De même, si vous voulez l'utiliser dans Ace Editor, utilisez simplement l'outil intégré à Ace.

Du coup, je m'éclate avec SyntaxHighlighter. On peut même surligner une ligne pour la mettre en valeur :

<script type="text/javascript">
    SyntaxHighlighter.all();
</script>
<pre class="brush:php;highlight:[1];"> <!-- cette ligne est surlignée -->
//ici bientôt :
//    une fonction pour répondre à la grande
//    question sur la vie, l'univers et le reste.
</pre>
Enfin, à l'attention d'idleman, qui utilise aussi ce script, mais avec quelques difficultés : oui, SyntaxHighlighter peut virer les < br > ajoutés par Wordpress (ou autre) à la fin des lignes de code. Il suffit d'activer l'option qui convient :
<script type="text/javascript">
    SyntaxHighlighter.config.stripBrs = true;
    SyntaxHighlighter.all();
</script>

Keep natural & rock on

1 commentaire

#1 vendredi 25 janvier 2013 @ 18:22 H3 a dit :

Et Eclipse dans tout ça ?

Sinon, niveau thème je suis in love with <a href="http://ethanschoonover.com/solarized">http://ethanschoonover.com/solarized</a>

Écrire un commentaire

 Se rappeler de moi sur ce site

Capcha
Entrez le code de l'image :