Highlight Code

Um auf einer Webseite Quellcode farblich anzupassen kann die highlight.js verwendet werden.

Dort get version klicken, Sprachen auswählen und auf download klicken. Im Zip gibts die javascript Datei sowie alle möglichen styles zur Formatierung. Im Beispiel hier ist die googlecode.css gewählt.

Unter usage finden sich Verwendungsbeispiele. Die einfachste Variante ist gleich hier zu sehen.

Im Header der Html Datei sind folgende 3 Zeilen als Minimum einzubinden. Die Ordnerstruktur muss entsprechend angelegt sein.


<link rel="stylesheet"  type="text/css" href="css/googlecode.css">
<script src="js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

In der header.php Datei von WordPress wird der Pfad folgendermaßen angegeben:


href="<?php echo esc_url( home_url( '/' )) ?>wp-content/themes/mytheme/css/googlecode.css"

Damit die farbliche Markierung funktioniert muss der Code in


<pre><code>....</code></pre>

eingebettet werden.