« Werbung von gp-ads.de wurde entfernt | Main | Blogparade “Alles Werbung oder was?” von freetagger »
Syntaxhighlighter für Wordpress (Plugin: Star-Light)
Von Simon | Dezember 2, 2008
Tags: auto, highlighting, overflow, plugin, pre, syntax, wordpress
Als ich neulich mal wieder im Blog von PHPBlogger unterwegs war, habe ich einen Artikel gelesen, der einen Syntaxhighlighter für Wordpress vorstellt.
Was kann das Plugin?
Das Plugin kann Quelltext der verschiedensten Sprachen, darunter PHP farbig darstellen. z.B. so:
echo "das ist ein test";
$object->method($param1, array($key, $value));
Es werden auch folgende Sprachen unterstützt:
- JavaScript
- (x)HTML
- CSS
- XML
- VBScript
- T-SQL
- (My)SQL
Installation des Plugins
Man muss es nur herunterladen, entpacken und ins Wurzelverzeichnis (Root) laden. Danach fügt man die Angabe zur CSS-Datei im Head-Bereich seines Themes ein und kann die Funktionen nutzen.
So bindet man das Stylesheet ein
< link rel="stylesheet" href="perma-star-light.css" type="text/css" />
Quellcode posten
Hierzu wird das pre-Tag missbraucht. Es gibt für jede Sprache eine gleichnamige CSS-Klasse. Bei PHP sieht das so aus:
<pre class="php" >echo "hallo welt";</pre>
Zu lange Quelltexte werden abgeschnitten
Dieses Problem kann man ganz einfach beheben, indem man in seine style.css folgendes schreibt:
pre { overflow: auto; }
Jetzt hat man Scrollbalken und kann zu lange Quelltexte bei Bedarf scrollen.
Ein Bug bei HTML-Code
Wenn man HTML-Code postet, geht das komischerweise nur, wenn man zwischen < und dem Tagnamen ein Leerzeichen hat. Ansonsten wird das HTML interpretiert. Ich frage mich nur, warum das so ist, weil man doch extra die pre-Tags nutzt…
Eure Meinung
Wie findet ihr das Plugin? Welche Syntaxhighlighter verwendet ihr?
- Plugin fürs Syntax-Highlighting (Star-light) macht Probleme
- Wordpress-Plugin: CommentLuv
- Wordpress-Plugin: DoFollow 4.0
- Wordpress-Plugin: Stumble sorgt für mehr Traffic auf deinem Blog
- Wordpress-Plugin: Contest Popularity
- Wordpress: SimpleCode und seine nervigen Bugs
- Fehlermeldung in wordpress: unpack() – Des Rätsels Lösung
- Wordpress-Blog optimieren
- Wordpress: PostRead Counter und mod_rewrite-Permalinks
- Wordpress: Anzahl der gleichen Suchanfragen ermitteln (searchphrases)
Kategorien: Software | 3 Kommentare »














Dezember 2nd, 2008 at 00:55
ML-Code postet, geht das komischerweise nur, wenn man zwischen < und dem Tagnamen ein Leerzeichen hat. Ansonsten wird das HTML interpretiert. Ich frage mich nur, warum das so ist, weil man doch extra die pre-Tags nutzt…
Dezember 2nd, 2008 at 00:55
sry, falsches c&p beim ersten post…
tags evtl stattweil nur die absatze und leerzeichen und so erhält?
bzw evtl sogar escapen/entities ?
mfg meh
Dezember 2nd, 2008 at 19:58
Hmm, ich glaube, dass Wordpress bei deinem zweiten Kommentar was veschluckt hat.
Irgendwie kann ich die Message nicht rauslesen
Oder ich steh aufm schlauch…
sorry