To main content

Wordpress mit CKEditor und CodeColorer

Veröffentlicht von Benjamin Marwell am

Auch für Wordpress gibt es den genialen Editor »CKEditor«, ehemals FCKEditor. Leider lässt er ihm unbekannte Tags, wie etwa die von »CodeColorer«, einfach verschwinden. Aber dieses Verhalten kann man ihm einfach abgewöhnen.

Den entscheidenden Hinweis fand ich nach Google-Suche in einem chinesischen Weblog. In aller Kürze fügt eine kurze übersetzte Anleitung, wie man diese neuen Tags dem CKEditor bekannt macht.

Einstellungen anpassen

Man öffnet die Datei ckeditor.config.js . Dort fügt man folgende Zeilen ein:
// Protect PHP code tags () so CKEditor will not break them when
// switching from Source to WYSIWYG.
config.protectedSource.push(/<\?[\s\S]*?\?>/g);

// Protect CodeColorer code tags ([ccxxx_xxx ... [/ccxxx_xxx]) so CKEditor
// will not break them when switching from Source to WYSIWYG.
config.protectedSource.push(/\[(cc\S*?)[\s\S]*?\[\/\1\]/g);

Der CKEditor wird auf der Plugin-Seite aktiviert. Fertig! Damit kann man ihn als Eingabeeditor nutzen.

Nicht für Kommentare

Leider verhindert ein Bug, dass der Editor auf den Artikelseiten erscheint, so dass Besucher nicht kommentieren können. Das Problem und ein Workaround sind bekannt, haben aber leider noch einige Seiteneffekte. Ich werde einen weiteren Artikel erstellen, sobald eine Lösung in Sicht ist.

Blue Wordpress Logo © Wordpress.org. Distributet under GPL.