Nachdem Phil über die Simulation von CSS Selektoren mit Hilfe von Dean Edwards Bibliothek berichtet hat, hab ich auf der Seite von Dean gleich mal weiter gestöbert und eine interessante weitere Bibliothek gefunden: Starlight.
Hat nix mit dem gleichnamigen *-Express zu tun sondern realisiert auf einfache Weise das Syntax-Highlight beliebiger Programmiersprachen auf Webseiten z.B. im <pre>-Tag.
Da ich auf PHP Blogger für Syntax-Highlights ebenfalls das <pre>-Tag verwende (<code>Â ist übrigens auch möglich), hab ichs gleich mal beim PHP Blogger eingebunden und getestet.
Das Einbinden ist schnell erledigt, Sourcen hochkopieren und im <head> folgende Zeile einfügen:
<link rel="stylesheet" href="star-light.css" type="text/css"/>
Blogbesitzer, die mit Permalinks im Verzeichnisstil arbeiten, sollten folgende Zeile einfügen:
<link rel="stylesheet" href="perma-star-light.css" type="text/css"/>
Damit nicht wahllos alles gehighlightet wird, müssen betreffende <pre>-Tags um die CSS-Klasse “php” erweitert werden, sofern Sie PHP Code enthalten. Eine Übersicht gibts in der Readme.
Auf der Startseite hats auch auf Anhieb funktioniert, nur nicht auf den Detailseiten - Warum? Nach kurzem Nachdenken war klar - es liegt an den Directory-Permalinks und der relativen Addressierung. Ich hab also die Sourcen von Star-Light so angepasst, dass es problemlos bei Wordpress mit Directory-Permalinks funktioniert.
Ein Download der Version 1.0.3 mit absoluten Pfaden (Ordner “star-light” muss direkt im Webroot liegen) liegt unter http://www.phpblogger.net/download/star-light.zip bereit. Ein kleines Readme mit Verwendungshinweisen liegt ebenfalls bei. (Die Originaldatei gibts hier)
Schön ist übrigens, dass sich Dean beim Highlighting an der Kolorierung von Ultra-Edit orientiert. Das machts fürs Auge angenehm…
Unterstützt werden übrigens folgende Programmiersprachen (weitere sind möglich, wenn man ein kleines Modul schreibt):
- JavaScript
- HTML
- CSS
- XML
- PHP
- VBScript
- T-SQL
- MySQL
