Quellcode in Webseiten mit Prettify

Einführung

Zur Codedarstellung in Webseiten eignet sich auch Prettify. Dieser Syntaxhighlighter zeichnet sich durch den geringen Umfang der erforderlichen Dateien sowie durch den einfachen Einbau aus.

Ich verwende hier eine Version von Prettify aus dem Jahr 2011 mit den Download-Archive prettify-1-Jun-2011.tar und prettify-small-1-Jun-2011.tar.bz2. Es gibt mittlerweile jedoch auch eine aktuellere Version mit den Download-Archiven

Ich habe die dazugehörigen Dateien nach

\Dropbox\Apps\My.DropPages\meine.droppages.com\Public\css\prettify

bzw.

\Dropbox\Apps\My.DropPages\meine.droppages.com\Public\js\prettify

geladen.

<link href="/css/prettify/desert.css" rel="stylesheet" media="all" type="text/css">
<script type="text/javascript" src="/js/prettify/prettify.js"></script>

Der body-Tag muss angepasst werden:

<body onload="prettyPrint()">

Demo

<button onClick="myplayer.play();">Play</button>
<button onClick="myplayer.play('/flv/flowplayer_cues.flv');">Clip1</button>
<button onClick="myplayer.play('/flv/tinku_hip_hop_bolivia.flv');">Clip2</button>
<button onClick="myplayer.play('/flv/Rammstein.flv');">Clip3</button></p>