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:

SyntaxHighlighter-Code mit ungewollten br s

Ich habe dafür leider bisher keine Lösung gefunden.
Irgendwelche Ideen?

Kommentare & Trackbacks

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