Mittwoch, 3. Juni 2009

SyntaxHighlighter

Ich habe gerade ein wenig am Blog geschraubt und bin nun glücklicherweise in der Lage, den geposteten Quellcode noch sauberer formatiert anzeigen zu lassen. Inklusive der Möglichkeit, den Quellcode kopieren und ausdrucken zu können sowie mit Anzeige von Zeilennummern. Zu verdanken ist diese Anzeige einem netten und leicht einzubindenden Tool namens SyntaxHighlighter. Zu finden ist es hier:

http://alexgorbatchev.com/wiki/SyntaxHighlighter

Und installierbar ist es umso einfacher. Der folgende Quellcode dient somit gleichzeitig als Installationsanleitung und erste Demo ;) Einfach unter Anpassen in der Menüleiste von blogger auf die Lasche Layout wechseln, dort auf HTML bearbeiten klicken und zu guter Letzt nach dem <head> Tag folgende Zeilen einfügen:


<!-- ANFANG SyntaxHighlighter//-->
<link href="'http://alexgorbatchev.com/pub/sh/2.0.278/styles/shCore.css'" rel="'stylesheet'" type="'text/css'/">
<link href="'http://alexgorbatchev.com/pub/sh/2.0.278/styles/shThemeDefault.css'" rel="'stylesheet'" type="'text/css'/">
<script src="'http://alexgorbatchev.com/pub/sh/2.0.278/scripts/shCore.js'" type="'text/javascript'/">
<script src="'http://alexgorbatchev.com/pub/sh/2.0.278/scripts/shBrushJScript.js'" type="'text/javascript'/">
<script src="'http://alexgorbatchev.com/pub/sh/2.0.278/scripts/shBrushCSharp.js'" type="'text/javascript'/">
<script src="'http://alexgorbatchev.com/pub/sh/2.0.278/scripts/shBrushSql.js'" type="'text/javascript'/">
<script src="'http://alexgorbatchev.com/pub/sh/2.0.278/scripts/shBrushJava.js'" type="'text/javascript'/">
<script src="'http://alexgorbatchev.com/pub/sh/2.0.278/scripts/shBrushXml.js'" type="'text/javascript'/">
<script type="'text/javascript'">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>
<!-- ENDE SyntaxHighlighter //-->


Wenn man diese Änderungen speichert und beim nächsten Post im HTML-Bearbeitungsmodus das folgende Tag nutzt, erscheint der Quellcode künftig formatiert:

<pre class="brush: java">
public class Test {
private String name = "myName";
}
</pre>


public class Test {
private String name = "myName";
}


Vielleicht habe ich damit ja dem einen oder anderen helfen können.

Keine Kommentare:

Kommentar veröffentlichen

Hier kann jeder (auch unregistrierte) Leser seine Meinung kundtun...