Quellcode übersichtlich präsentieren

Achtung: Dieser Beitrag ist schon etwas älter.
Es kann sein, dass sein Inhalt nicht mehr aktuell ist, Links veraltet sind oder dass auch niemand mehr auf neue Kommentare antwortet.

Mit Google Code Prettify kann Quellcode auf einer Website schnell und einfach veröffentlicht werden. Denn gerade Webworker kommen immer wieder in die Verlegenheit Quellcode auf einer Website präsentieren zu müssen. Ist der Code im Ganzen noch übersichtlich, kann die Übersichtlichkeit bei Auszügen schnell auf der Strecke bleiben. In den meisten Fällen bleibt von dem einst so schön strukturierten Code nur noch ein Code-Haufen übrig, dem jegliche Struktur fehlt.

Code Prettify übernimmt die Strukturierung wie beispielsweise Einrückungen bei Funktionen. Auch werden die einzelnen Code-Elemente mit unterschiedlichen Farben kenntlich gemacht (Syntax-Highlighting). Zum Schluss sieht der einstige Code-Haufen wieder wie in einer guten Entwicklungsumgebung aus.

Google Code Prettify besteht aus zwei Dateien: prettify.js und prettify.css. Beide Dateien müssen in die Webseite eingebunden werden. Damit der Quellcode von Code Prettifier interpretiert werden kann, muss dieser innerhalb des pre-Tag mit der Klassenbezeichnung “prettyprint” stehen.

Unterstützt werden derzeit alle wichtigen Sprachen wie bash, C, C++, Java, JavaScript, Perl, Python, PHP, XML, HTML und einige mehr. Auf der Website des Projektes sind auch ein paar Beispiele zu finden.

Abonniere den RSS-Feed für weitere Webdesign Tutorials und Artikel.

Bisher 1 Kommentar

Jared 23 Mai 07

ich sags ja immer wieder ;) das stöbern auf unbekannten weblogs lohnt sich! danke dir für diese info

suche schon länger sowas und werd mir code pretty mal ansehen

Schreibe einen Kommentar