Highlight.js - De la coloration syntaxique avancée pour votre code

Highlight.js est une bibliothèque Javascript permettant d'apporter de la coloration syntaxique à plus de 50 langages de programmation, avec une vingtaine de thèmes différents.

Si comme nous, vous avez tendance à publier du code sur votre site / blog, il est indispensable pour les lecteurs de pouvoir lire le code proprement.

Highlight.js n'est pas un nouveau né parmi les colorateurs syntaxiques Javascript mais vient de sortir dans sa version 7. L'occasion pour nous de vous présenter ce script qui vaut le coup d'oeil!

Il s'agit sans doute du colorateur syntaxique le plus poussé, proposant une prise en charge de plus de 50 langages:

• Python
• Ruby
• Perl
• PHP
• Scala
• Go
• XML
• HTML
• Markdown
• Django templates (Idem pour Twig)
• CSS
• JSON
• Javascript
• CoffeeScript
• Actionscript
• Java
• C++
• Objective-C
• C#
• VBScript
• HTTP
• Delphi
• SQL
• Apache
• LISP
• nginx
• Bash
• Etc.

Vous l'aurez noté, il ne se contente pas des langages de programmation mais aussi des fichiers de configuration comme les vhost apache...

La 2ème force de cette ressource réside dans le large choix de thèmes:

Au total, 21 thèmes différents pourront être utilisés suivant vos goûts et le design de votre site.

Côté utilisation, c'est très simple, vous chargez le script et initialisez le colorateur syntaxique, puis tout le code que vous mettrez dans une balise pre code sera coloré:

<pre><code class="html">...</code></pre>

Vous définissez la classe pour déterminer le langage à colorer. Et pour déterminer le style, vous l'aurez compris, il suffit de charger la bonne feuille de style CSS.

Pour optimiser le poids de la librairie, vous pourrez déterminer quels langages vous souhaitez inclure dans le JS au téléchargement.

Simple à utiliser et agréable à regarder, il ne vous reste plus qu'à télécharger :)

Site Officiel