Neueste Kommentare

Kategorien

Allgemein (7) Blogtreff (1) Domain (3) Gadget (24) Geld verdienen (17) Google (30) Nachschlag (34) Promotion (22) Recyclable Code (3) Stylemachine (13) Twitter (35) Wordpress (15)

Populär

RSS Feed SEO-Scout Mit RSS-Reader ganz entspannt lesen. Anzahl RSS-Reader SEO-Scout Zum Abonnieren klicke einfach auf den Counter oder den Zeitungsleser.

Vote für Seo-Scout.org!

Blogverzeichnis - Blog Verzeichnis bloggerei.de blogoscoop

Blogger-Treffen Lübeck: Wann das nächste? - E-Mail an frank.pfabigan@gmail.com, Ort » gmap

Syntaxhighlighter für pretty code

Mittwoch, 09. April 2008. 19:11 von Frank Pfabigan

Die Darstellung von Code-Schnippseln ist dank Alex Gorbatchev ein wenig einfacher geworden. Er hat eine universelle Anwendung bereitgestellt, die man auch in Blogs und CMS einbauen kann. Hierdurch wird Code aus HTML, XHTML, PHP, C++, Java, C#, Delphi, Javascript, Python, Ruby, SQL, VB und XML vernünftig, übersichtlich und praktisch dargestellt.

SyntaxHighlighter in Aktion

Um mit gutem Beispiel voranzugehen und besser lesbaren, vernünftig formatierten und einfach zu kopierenden Code auf Seiten darzustellen, habe ich seine Anwendung Syntaxhighlighter auch hier auf seo-scout.org eingebaut und minimal angepasst.

Code-Schnippsel kann man entweder per textarea oder pre Tag in Blogeinträge (und überall sonst) einfügen. Vor der Verwendung des textarea-Tags innerhalb des Wordpress-Wysiwyg Editors warne ich jedoch ausdrücklich. Ich bin ein gebranntes Kind.

Das Ergebnis von SyntaxHighlighter kannst Du Dir in diesen Artikeln anschauen

Das geniale kleine und schnell geladene Tool SyntaxHighlighter von Alex Gorbatchev findest Du auf der Google Code Projektseite syntaxhighlighter.

Lies Dir erst alles sorgfältig durch, bevor Du das in Dein Blog einbaust. Falls ich Dir beim Einbau helfen kann, schreib mir ruhig an frank.pfabigan@gmail.com.


Erzähle Deinen Freunden davon!


  • bin nun schlussendlich auf wp-syntax umgestiegen, einem wp-plugin aus dem wordpress.org repository. die darstellung ist "stabiler" und anwendungsfreundlicher: ich muß nun nicht mehr die führenden spitzen-klammern-auf manuell durch html-entities ersetzen und der code wird beim bearbeiten mit dem wp-editor nicht "zerhauen".
    das plugin wp-syntax nutzt das sehr umfangreiche GESHI zur formatierung und zum highlighten von source-code von sehr vielen programmiersprachen, wenn man diesen im blog lesern zeigen möchte.

blog comments powered by Disqus