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>
-
Quellcode mit Prettify
-
Weitere Links
-
Suche
-
Partner
-
Blogs
-
Impressum / Kontakt