Auf dieser Web-Site geht es sehr oft um Code und viele Male habe ich mir schon überlegt, wie ich Codezeilen besser präsentieren kann, als in der etwas flachen und spröden Form wie bisher. Am sinnvollsten erschien es mir immer, den Code so zu darzustellen, wie man ihn heutzutage auch mit den modernen Tools programmiert: mit Syntax-Hervorhebung und Zeilennummern. Allerdings ist es ein schwieriges Unterfangen den Code vor dem Einfügen in die HTML-Seite entsprechend vorzuformatieren, denn zum einen unterscheidet sich das Syntax-Highlightning der verschiedenen Sprachen und Tools und zum anderen bläht es das Markup unglaublich auf.

Durch Zufall bin ich nun auf eine Javascript-Lösung namens dp.SyntaxHighlighter von Alex Gorbatchev gestoßen, die es wirklich in sich hat. Sie ist sehr einfach zu handhaben und bietet dem Benutzer volle Kontrolle über das Aussehen der Code-Schnipsel. Das Prinzip der Scripts ist, dass der Benutzer seinen Code lediglich in ein Texteara-Element klemmt, diesem ein paar Attribute verpasst und fertig! Das gesamte Highlighning geschieht im Browser des Lesers.

Die Firma Actipro hat eine Freeware im Angebot die für alle ASP.NET-Entwickler höchst interessant ist, die auf ihren Seiten desöfteren Code-Ausschnitte veröffentlichen:
Actipro CodeHighlighter.

Dieses sehr leicht in eigene Webprojekte einzubindende Steuerelement formatiert Code so wie er z.B. im Visual Studio 2005 oder im Visual Web Developer zu sehen ist, inkl. Zeilennummern und (leider nur für IE-Benutzer) mit der Möglichkeit Methoden ein- bzw. auszuklappen (Outlining).

Aktuell werden unter anderem folgende Programmiersprachen unterstützt:


Ich denke zur Zeit gibt es keine elegantere Methode Code auf die eigenen Seiten bringen. Zumindest für .NET-Entwickler sind die PRE-Zeiten wohl erstmal vorbei.