WordPress: Alternativer WYSIWYG Editor

Dienstag, 4 Mai 2010 03:14

Jeder der schon einmal mit dem WordPress Standard Editor TinyMCE gearbeitet hat und Wert darauf legt, Kontrolle über das Aussehen (Absätze, Tabellendesign usw.) der geschriebenen Artikels zu haben, wird früher oder später am TinyMCE verzweifeln. In WordPress ist der TinyMCE – abgesehen der ungewollten Effekte – zwar sehr gut implementiert, ein vernünftiges Arbeiten ist aber dennoch nicht möglich.

Daher habe ich mich auf die Suche nach einer passenden Alternative gemacht. Dies gestaltete sich allerdings nicht so einfach, wie ich es mir vorgestellt habe. Editor Alternativen sind zwar einige erhältlich, aber nur wenige erfüllen meine Anforderungen. Zum einen will ich die volle Kontrolle über den ausgegeben Code haben und zum Anderen den HTML-Code auch komfortabel bearbeiten können. Das bedeutet, dass die Quelltext Ausgabe relativ übersichtlich sein muss.

TinyMCE Advanced

Da mir der TinyMCE im allgemeinen gut gefallen hat und auch eine gute Quelltext Ausgabe besitzt, probierte ich zuerst das WordPress Plugin "TinyMCE Advanced" aus. Dieses Plugin erlaubt die individuelle Anpassung des TinyMCE an seine eigenen Bedürfnisse. So bietet es auch die Funktion "Stop removing the <p> and <br /> tags when saving …", deren Aktivierung eines meiner Hauptprobleme mit dem TinyMCE löst. Nach zwei bis drei weiteren Artikeln bekam ich es dann mit dem nächsten Problem zu tun, bei welchem mir auch die erweiterten Einstellungsmöglichkeiten nicht weiter helfen konnten.

Die Anordnung zweier Bilder in einer Reihe ist nahezu unmöglich. Alle Anpassungen, die manuell vorgenommen werden, werden sofort wieder entfernt oder so zerstückelt, dass die Ausgabe schrecklich ist. Auch mit Hilfe einer Tabelle war keine Besserung in Sicht, da (warum auch immer) in jeder Zelle vor und nach dem Bild automatisch ein Break eingefügt wurde. Daraufhin hatte ich endgültig genug vom TinyMCE und machte mich auf die Suche nach einer "echten" Alternative.

Screenshot: TinyMCE Advanced

Der CKEditor (früher FCKeditor)

Da ich den CKEditor beziehungsweise FCKeditor (in einer relativ alten Version) bereits bei meinen Joomla Installationen im Einsatz habe und bisher immer sehr zufrieden war, entschied ich mich, eine geeignete CKEditor Implementierung zu suchen. Ich wurde bei meiner Suche auf die Implementierung von Dean mit dem Namen "Dean’s FCKEditor for WordPress" und der des CKEditor Teams aufmerksam.

Ich entschied mich, zuerst die Variante des CKEditor Teams zu testen, da hier das letzte Update nicht so weit zurückliegt. Bei dem Plugin handelt es sich allerdings noch um eine Beta Version. Auf den ersten Blick schien jedoch trotzdem alles sehr gut zu funktionieren. Zwei Negativpunkte sind jedoch aufgefallen. Zum einen funktionieren die WordPress Media Buttons nicht korrekt und zum anderen die Browser interne Rechtschreibprüfung. Der erste Kritikpunkt ist zu verschmerzen, der zweite jedoch nicht. Es besteht zwar die Möglichkeit, ähnlich bei Word, den ganzen Text Wort für Wort durchzugehen, die automatische Unterstreichung der Fehler funktioniert allerdings nicht. Es wäre zwar die Integration von Aspell möglich, allerdings ist mir dies zu aufwendig, wenn es auch einfacher möglich wäre.

Screenshot: CKEditor

Dean’s FCKeditor for WordPress

Bleibt noch die Hoffnung auf Dean. Dessen Plugin existiert schon länger und liegt mittlerweile in Version 3.3 vor. Nach der Installation ist kein großer Unterschied zur anderen CKEditor Implementierung zu sehen und siehe da, die Rechtschreibung Prüfung ist funktionsfähig. Zumindest teilweise: Die fehlerhaften Wörter werden zwar unterstrichen, dass Kontextmenü (Klick mit rechter Maustaste) ist nicht verfügbar. Man sieht daher seine Fehler, kann aber nicht zwischen den Verbesserungsmöglichkeiten wählen. Ein Nachteil gegenüber dem anderen CKEditor ist noch, dass der HTML-Bearbeitungsmodus nicht ganz so übersichtlich ist, da die Editor-Buttons während der Bearbeitung eingeblendet bleiben.

Dean's FCKeditor ist nicht optimal, aber fürs erste akzeptabel und meiner Meinung nach die beste Alternative zum Standard TinyMCE.

Screenshot: Dean's FCKeditor

Wie geht es weiter?

Ich werde zunächst bei Dean's FCKEditor bleiben und hoffe, dass sich in Zukunft in diese Richtung noch etwas tut und ich irgendwann mit einem vernünftigen, vollständig funktionierenden Editor arbeiten kann. Sollte ich noch weitere Alternativen oder Problemlösungen finden, werde ich euch hier im Blog natürlich darüber informieren.


Kommentar schreiben