Prism.js ist klein und einfach zu verwenden.

Syntax Highlighting oder Syntaxhervorhebung bei z.B.

  • Typoscript
  • html
  • xml
  • javascript

Prism.js kann einfach mit neuen Syntax Regeln erweitert werden, indem eine .js Datei angelegt wird mit den Syntax Highlight Vorgaben.

Damit Prism Typoscript erkennt, braucht es bloss die Datei prism-typoscript.js im ordner /prism/components/

Um Prism.js zu verwenden muss das script im Quellcode eingebunden werden:

<script type='text/javascript' src='path/to/prism.js'></script>

Das Syntax Highlighting von Typoscript würde dann folgendermaßen aussehen:

<code class="language-typoscript"> page = PAGE page.10 = TEXT page.10.value = Hello World </code>
Prismjs mit Bower installieren:

Leider hat der plugin author eine komische branch strategie und bislang keinen MASTER zweig.

Um prism.js code-highlighting zu aktivieren musste ich die branch spezifizieren.

Hotfix:

bower install git@github.com:LeaVerou/prism.git\#gh-pages --save-dev