Folgenden Artikel hatte ich im Jahre 2009 auf einer anderen Webseite publiziert:
Für
ein IT-Projekt - hier: Wiederbelebgung eines Online-Aufgabenarchivs für
Dozenten - musste ich einen leichten Wisywig-Editor finden und
integrieren. Die vorläufige Lösung war der Nicedit von nicedit.com. Bei dieser
Gelegenheit habe ich eine aktuelle Übersicht über die gängigen
Webeditoren verfasst und mit meinen eigenen Erfahrungen angereichert.
Zunächst die Großen
Die Klassiker - große und umfangreiche Editoren, vielfach
konfigurierbar. Die Auswahl ist persönlich und auf folgende drei
Editoren beschränkt:
- FCKEditor (FCK-Editor) - siehe gesonderte Seite im User-Archiv: www.user-archiv.de/fckeditor.html
- TinyMCE - siehe ebenfalls eine gesonderte Seite im User-Archiv: www.user-archiv.de/tinymce.html
- XINHA - die Wiederbelebung des Ursprungsgiganten "HTMLarea",
seltsamerweise kaum mehr genannt, obwohl nach der Feature-Beschreibung
gleichwertig.
Wordpress hat standardmäßig den TinyMCE im Paket, es gibt aber ein
Addon, das den FCKeditor speziell im Wordpress blitzschnell und einfach
integriert, so dass man auf FCKeditor umstellen kann.
Der TinyMCE wird in Foren oft wegen seiner Tücken bemängelt. Offenbar
steigen viele auf andere Editoren um. Dies entspricht auch meiner
Erfahrung. Entnervt von diversen Schwierigkeiten mit dem FCKeditor
versuchte ich, mit TinyMCE zu arbeiten. Dieser machte mir aber ständig
den Quellcode kaputt und es war mir nicht mehr möglich, im Quellcode
php-Code unterzubringen, was für mein persönliches CMS elementar ist.
Ich bin deshalb wieder zum FCKeditor zurück.
Der FCKeditor hat die Möglichkeit, dass man während des Editierens
eine im Text benötigte Datei (insbesondere Grafik) auf den Server
hochladen und einbinden kann, ohne den Editor zu verlassen.
Die Leichtgewichtigen
Für manche Zwecke sind ultraleichte und schlanke Wisywig-Editoren für
schnelle Einbindung und unkomplizierte Bedienung interessanter als
große Editoren. Dies gilt insbesondere für die Webseitenprogrammierung
für Auftraggeber, die ohne Vorkenntnisse sind und nur formatierten Text
eingeben wollen. Übliche Features: Fett, unterstrichen, kursiv,
unnummerierte Liste, nummerierte Liste, evtl. Einrückung. Bildeinbindung
nur mit URL-Angabe ohne Formatierung und ohne die Möglichkeit, auf dem
Server zu suchen.
Die nachfolgende Liste spiegelt in etwa dem Stand in den Diskussionsforen im März 2009 wieder.
- WYMeditor (www.wymeditor.org)
- oft genannt, allerdings meines Erachtens umständlich beim
Installieren und Konfigurieren. So muss man sich anhand Beispielen erst
klar machen, wie man Pfade setzen muss und welche Dateien man wo ablegen
und einbinden muss. Die Konfiguration ist ebenfalls arbeitsintensiv.
- jWYSIWYG (http://jquery.com/) -
angeblich eine abgespeckte Version von WYMeditor, meines Erachtens aber
mit noch unverständlicherer Anleitung. Der Editor ist ein Plugin für die
Javascript-Bibliothek jquery
Originaltext aus der Homepage: This plugin is an inline content
editor to allow editing rich HTML content on the fly. It's a simpler
version of WYMeditor with much less features. With a small file size less than 26Kb total and only
18Kb of code and 7Kb packed, the main concept is to keep it simple, not
all users need font coloring or create tables, just the basic.
- Nicedit (www.nicedit.com) -
wohl ein Wortspiel auf nice-edit. Mein derzeitiger Favorit, da er die
wirklich einfachste Einbindung und Konfiguration besitzt. Beispiel:
<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
Siehe auch die Besprechung auf Peruns Weblog
- Whizzywig (http://www.unverse.net/whizzywig-cross-browser-html-editor.html)
- besteht aus einer downloadbaren Javascript-Datei, die gemäß Anleitung
auf der Homepage von universe.net einzubinden und zu konfigurieren ist.
Unklar ist, ob mehrere Textareas auf einer Webseite verwendet werden
können.
Gerade erst entdeckt und daher noch nicht getestet:
Loki (http://code.google.com/p/loki-editor/)
- Homepage: http://apps.carleton.edu/opensource/loki/
- Demo: https://apps.carleton.edu/opensource/loki/demo/
- Installationsdemos: http://code.google.com/p/loki-editor/wiki/Installation
Das XINHA-Firefox-Plugin
Eine interessante Lösungsvariante für das Editorproblem ist das
XINHA-Firefox-Plugin von www.hypercubed.com. Der Editor ist im Browser
installiert, wirkt sich aber so aus, als ob er in der aufgerufenen
Webseite eingebunden wäre, mit der Folge, dass die Textareas direkt
editierbar sind. Originalbeschreibung aus der Webseite:
Xinha Here! is a Firefox extension wrapper for the Xinha HTML editor.
It enables WYSIWYG editing in any textarea and text box on any website.
Xinha Here! opens a Xinha HTML editor in your browser allowing you to
edit the data in a WYSIWYG on any website without copying and pasting to
secondary HTML editor.
Because the Xinha editor is installed on your local machine rather then a
server it is both portable (use it on any website) and fast (files
don't need to be transferred over the net). This extension goes great
with the SpellBound
spell checker extension. I use it on eBay, my WordPress blog, leaving
comments on other blogs and forums, anywhere where HTML is accepted.
Spezielle Beiträge zum FCKeditor und zu TinyMCE habe ich bereits
früher verfasst und können über das User-Archiv abgerufen werden: