Ajouter Prettify : Syntax Hilighter à blogger et à vos sites web


Il y a très peu de bons surligneurs de syntaxe "Syntax Hilighter" qui fonctionnent sur blogger, l'un d'eux est "Prettify" qui est simple et léger. Son fonctionnement est automatique, extrait la syntaxe et ses codes d'événements marquant pour plusieurs langues ( C, HTML, Python et plusieurs autres langues).

Un exemple ?
- Texte original en mode citation :

         #include exemple
         int main() :
              var test;
              // Ceci est un test


- Texte formaté avec "Prettify" :

 #include exemple

  int main() :

     var test;

     // Ceci est un test


Sans beaucoup étaler l'introduction, voilà comment intégrer "Prettify" à blogger :

 1- Ajouter ce script dans le corps de votre "Template" avant </blog>

<script src="https://google-code-prettify.googlecode.com
/svn/loader/run_prettify.js"></script>

2- Pour pouvoir utiliser "Prettify" il suffit d'ouvrir l'éditeur de texte de blogger en mode HTML et insérer le texte qu'on va être formaté comme suit :

<pre class="prettyprint">

$(function() {

 alert('J'utilise Prettify comme Syntax Highlighter');

});

</pre>



3- Vous pouvez aussi changer le thème utilisé par "Prettify" comme suit :

<script src="https://google-code-prettify.googlecode.com
/svn/loader/run_prettify.js?skin=desert"></script>


Pour plus d'informations : 

La liste complète des thèmes (Skins) de "Prettify" est accessible via ce lien : Skins
Pour une utilisation avancée : Getting Started 
Foire aux questions : FAQ 
Exporter "Prettify" vers d'autres projets : Syntax Hilighter to any project  

Enregistrer un commentaire