Webseiten-Infos.de

Code anzeigen mit CodeColorer

Seit gestern setze ich hier für das Anzeigen von Code(schnippseln) nur noch das WordPress-Plugin CodeColorer ein.

Ursprünglich verwendete ich das Plugin FV Code Highlighter (siehe hierzu meinen Blogbeitrag “Plugin FV Code Highlighter“) und später ergänzend bei Darstellungsproblemen CodeColorer ein (siehe hierzu meinen Blogbeitrag “Code anzeigen in WordPress“).

Folgende Gründe waren für mich für diesen vollständigen Plugin-Wechsel ausschlaggebend:

• Das “Und-Zeichen” & wird bei FV Code Highlighter als HTML-Entity & dargestellt.
• CodeColorer beherrscht das valide Einfügen von Zeilennummern für den Code. FV Code Highlighter kennt keine Zeilennummern und das von Ute eingesetzte WordPress-Plugin Highlight Source Pro kann zwar Zeilennummern einfügen, aber dann ist der Code nicht mehr valide.
• Bei CodeColorer konnte ich durch leichte Anpassung (Modifizierung) des Plugins den CSS-Code in meine bestehende CSS-Datei integrieren. Das ist bei FV Code Highlighter nicht so einfach möglich. Zudem schreibt FV Code Highlighter CSS-Code in den Kopfbereich (Header) und nicht als externe Datei. Das ist für die Ladegeschwindigkeit (Sitchwort: Caching) suboptimal.
• CodeColorer setzt auf das HTML-Element für Quelltext (Quältext) <code> auf und benutzt gegebenenfalls eigene Ergänzungen dazu. FV Code Highlighter verwendet dagegen eine eigene Syntax {code} mit eigenen Ergänzungen. Die Verfahrensweise bei CodeColorer dürfte zukunftssicherer sein, da sie auf einem bestehenden HTML-Element beruht.

Den Vorteil von FV Code Highlighter, das es standardmäßig bereits die Farben (Colorierung) des von mir genutzten Webeditors Dreamweaver für den Code einsetzt, werde ich hoffentlich durch entsprechende Anpassungen des CSS-Codes für CodeColorer auch noch hin bekommen.

Also bitte nicht wundern, wenn sich in nächster Zeit die Farben des Codes bei den Codeschnippseln noch ändern.