Sonntag, 15. August 2010

SyntaxHighlighter für Blogger

Um Code im Blog vernünftig anzuzeigen eignet sich der SyntaxHighlighter von Alex Gorbatchev. Die Einrichtung ist einfach, möchte aber in diesem Zusammenhang drauf hinweisen, das ich mit dem current Strang immer Probleme habe und deshalb die ältere vorletzte Version 2.1.382 verwende.

Man fügt in die Vorlage (Erreichbar unter Design/HTML bearbeiten) im <body> Tag folgenden Zeilen ein:


 

Entsprechende Javascript Files für verschiedenste Sprachen findet man auf der Site des Entwicklers, die fügt man wie im obigen Beispiel einfach hinzu.

Will man nun zum Beispiel etwas Javascript Code in seinem Blogbeitrag einfügen, kopiert man einfach den Source in den Blog ein und fügt vor den Source:

<pre name="code" class="brush: jscript">

und nach dem Source:

</pre>

Die html Tags in den obigen beiden Beispielen habe ich übrigends mit einem Html Escaper bearbeitet, um sie im SyntaxHighlighter anzeigen zu können.

Zu beachten wäre noch, daß wenn man mit dem VorlagenDesigner arbeitet, die Einfügungen in der Vorlage gelöscht werden, die sollte man also vorher wegsichern.




Keine Kommentare:

Kommentar veröffentlichen