Quellcode-Anzeige auf Webseiten: Simple Code und der Syntax Highlighter
Mit dem Wordpress-Plugin Simple Code kann man (X)HTML-Code auf Knopfdruck in HTML-Entitie-codierten Quellcode für <code>-Beispiele umwandeln lassen, wie im Screenshot links zu sehen.
Sehr praktisch, wenn man nicht mehr den Umweg über den HTML-Editor gehen muss …
Das Plugin wurde in Anlehnung an Dan Cederholms SimpleCode-Script entwickelt.
Zur Simple-Code-Plugin-Seite »
Außerdem habe ich ein wenig mit dem dp.SyntaxHighlighter experimentiert.
Das Script eignet sich prima zur Ausgabe von Quellcode auf Webseiten. Der muss dafür nicht einmal maskiert sondern lediglich in ein <textarea>-Element eingeschlossen werden und wird dann übersichtlich formatiert auf der Website ausgegeben:
Leider macht Wordpress dem erfolgreichen Einsatz des SyntaxHighlighter einen Strich durch die Rechnung indem es (auch ohne Verwendung des WYSIWYG-Editors) innerhalb des Codes nach jedem Zeilenumbruch ein <br />-Tag oder auch <p>-Tags einfügt, was dann im Ergebnis auch mit ausgegeben wird:
Ich habe dafür leider bisher keine Lösung gefunden.
Irgendwelche Ideen?
![bueltge.de [by:ltge.de]](http://die.netzspielwiese.de/blog/wp-content/uploads/2006/03/bueltge.ico "bueltge.de [by:ltge.de]")
Pingback: Quellcode-Darstellungen mit Scrollbar durch overflow:auto; » die Netzspielwiese:
[...] Ganz einfach geht das mit dem Worpress-Plugin Simple Code. [...]
27. Mai 2006 um 12:28
Kommentar von Marcus Kimpenhaus:
Hi,
um den dp.SyntaxHighlighter dennoch mit Wordpress nutzen zu können, solltest Du Dir mal das Plugin WP-Unformatted von Alex King (http://www.alexking.org/blog/2004/05/21/wp-unformatted/) ansehen. Mit diesem kannst Du die Autoformatierung der Post’s unterdrücken und somit die und Tags umgehen.
Gruß,
Marcus
26. August 2006 um 00:54
Kommentar von Franziska:
Oh, vielen Dank Marcus, das werd ich mir mal näher ansehen!
26. August 2006 um 18:04
Kommentar von Erik:
Das gleiche Problem hatte ich auch, wollte mir allerdings nicht extra noch den WP-Unformatted installieren, der mir wiederum alle bisherigen Postings zerhauen hätte.
Die Lösung war dann eigentlich nur noch ein eigenes Plugin, welches ich in schamloser Eigenwerbung mal hier verlinken darf:
SyntaxHighlighter
Bis jetzt hat’s hier im Test- und im Live-Blog artig seinen Dienst verrichtet, also bin ich guter Dinge. :-)
30. September 2006 um 09:15
Kommentar von Franziska:
Wow, Erik,
das sieht ja prima aus!!!
Bin gespannt, ob es auch so gut funktioniert :)
Vielen Dank!
30. September 2006 um 09:35
Kommentar von Erik:
Sag Bescheid, ob überhaupt und wenn, dann wie und was noch könnte :-)
30. September 2006 um 14:44
Kommentar von Seo Breisgau Blog:
Hallo Namensbruder. :D Em das Plugin ist ja schön und gut, bin aber wohl zu doof es zu installieren. Gibt immer immer n komischen error, wenn ich den Beitrag veröffentlichen will. Hast du vielleicht ne Idee wieso das so ist?
12. März 2008 um 04:53
Kommentar von Seodeluxe:
Ich steh grad auf dem Schlauch: wozu brauche ich das Plugin jetzt? Also nur wenn ich HTML Code anzeigen will ohne das er interpretiert wird?
3. Februar 2009 um 13:59