tfe Homepage

23/06/2018

Coloration syntaxique du code avec PrismJS

Je viens de découvrir avec quelle facilité on peut rajouter de la coloration syntaxique de code sur n'importe quel site, via Prism.js.

Pour cela il suffit d'inclure un css et un javascript à la page:

 <link type="text/css" rel="stylesheet" href="css/https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.0/themes/prism.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.0/prism.min.js"></script>

 

Puis mettre un balisage spécifique pour le code à colorer:

<pre>
<code class="language-css">.page
{
    display:grid;
}
</code>
</pre>