TUTOS.EU

Coloriser l'affichage de code sur une page web

Comment mettre en couleur me code d'un langage de programmation sur une page web

Ceci n'est qu'un premier élément de réponse car après test, la solution ne fonctionne pas de façon optimale.
Le site https://highlightjs.org apporte donc une réponse non optimale (pour ce qui est d'afficher du vbscript en tout cas).
La solution fonctionne avec du javascript qu'il faut déclarer et charger dans la balise head avec ces 3 lignes :

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
Lien vers le fichier : cliquez ici

Ensuite, sur votre page web, quand vous voudrez afficher du code, il faudra l'inclure entr'une balise <pre> et <code> comme ci-dessous.
Dans cet exemple j'ai forcé l'alignement à gauche et j'ai supprimé les marges en css :

<pre>
<code STYLE="text-align:left;padding:0;margin:0;">
	votre code
</code>
</pre>
Lien vers le fichier : cliquez ici

Mais comme montré ici, sur du vbscript, la colorisation de code commenté à tendance à baver sur les lignes suivantes :

Pages Web

Site WebDescription
Highlightjs.orgSolution en javascript pour coloriser du code