Installation des Plugins Highlight

Da in diesem Blog auch immer wieder Quellcode dargestellt wird ist es sinnvoll, diesen Quellcode gut lesbar zu formatieren. Hierzu bietet sich das Plugin highlight an.

Das Plugin unterstützt: C, CPP, CSS, HTML, JavaScript, PHP, Python, Ruby.

Zur Nutzung wird der Codeblock von ``` umschlossen, wobei zusätzlich noch ein Language Identifier hinzugefügt werden sollte.Zeilennummern können mit einem Doppelpunkt hinter dem Language Identifier erzeugt werden.

Probleme

Wenn in PHP Warnungen aktiviert sind, dann werden zahlreiche Warnungen ausgegeben und der Code wird nicht formatiert.

Beispiele

Beispiel JavaScript

var ready = function() 
{
    console.log("Hello world");
    // Add more JavaScript code here
}
window.addEventListener('load', ready, false);

Beispiel HTML mit und ohne Zeilennummern

Mit Zeilennummern

<body>
<p>Hello world!</p>
</body>

Ohne Zeilennummern

<body>
<p>Hello world!</p>
</body>

Beispiel CSS mit und ohne Language Identifier

Mit Language Identifier

.header .sitename { display:block; float:left; }
.header .sitename h1 { margin:0; }
.header .sitename h1 a { color:#111; text-decoration:none; }

Ohne Language Identifier

.header .sitename { display:block; float:left; }
.header .sitename h1 { margin:0; }
.header .sitename h1 a { color:#111; text-decoration:none; }

Wichtige Bemerkung

Diese Erklärungen beziehen sich auf das Yellow CMS Version 0.7.2. Ab Version 0.8.2 gab es grundsätzliche Änderungen in der Systemstruktur des CMS, so dass diese Erklärungen ab dieser Version eventuell nicht funktionieren.