Artikel mit Tag serendipity
08.09 2010
Syntaxhighlighter für Serendipity
Sodala, endlich hab ichs geschafft, der Syntaxhighlighter ist installiert. Wie immer, eigentlich ist es ja ganz einfach...
Installation
Hier die Schritte:
- Das Plugin dp.SyntaxHighlighter von der Serendipity-Homepage downloaden.
- Das Zip-File entpacken und ins Plugin-Verzeichnis am Server hochladen.
- In der S9y-Verwaltungsoberfläche den Menüpunkt "Plugins verwalten" auswählen, dann bei Ereignis-Plugins auf "Hier klicken, um Ereignis-Plugin zu installieren" klicken und das Plugin dp.Syntaxhighlighter installieren (Disketten-Symbol rechts).
- Die Datei index.tpl des aktuellen Templates im Texteditor des Vertrauens öffnen. In den <head>-Tag die Zeile "{serendipity_hookPlugin hook="frontend_header"}" und am Ende des <body>-Tags die Zeile "{serendipity_hookPlugin hook="frontend_footer"}" einfügen.
- Falls das Plugin NL2BR installiert ist, dessen Konfiguration öffnen und in das Eingabefeld "code,pre,textarea" schreiben.
Anwendung
Um auch wirklich eingefärbten Quellcode in einem Eintrag anzeigen zu können, sind ein paar Dinge notwendig:
- Die Quelltexte müssen von <pre>-Tags eingeschlossen sein.
- Die Tags müssen als name-Attribut "code" und als class-Attribut ein Kürzel der jeweilige Programmiersprache haben, etwa so: <pre name="code" class="php">. Welche Kürzel für welche Programmiersprache verwendet werden können, verrät euch Google
- Den eigentlichen Quelltext kopiert ihr am besten vorformatiert aus eurer Programmierumgebung in die Zwischenablage und fügt ihn in der HML-Ansicht des Editors zwischen die <pre>-Tags ein.
- Optionalerweise sollte der Quelltext (der dann gefärbt werden soll) keine Sonderzeichen, sondern stattdessen HTML-Entities enthalten. Eine Möglichkeit, diese automatisch zu ersetzen bietet die PHP-Funktion htmlentities().
- Speichern und fertig
Also das ist ein ziemliches Gewurschtel, falls es eine schönere oder bessere Möglichkeit mit Serendipity gibt, bitte posten...
22.10 2008