Redactor – Wysiwyg mit jQuery

Ich habe ja erst vor einigen Wochen über einen neuen Wysiwyg-Editor berichtet, der bei einigen größeren Portalen zum Einsatz kommt. In den daraus resultierenden Kommentaren und einer Diskussion auf Twitter kam ziemlich schnell die Empfehlung, sich einmal Redactor anzuschauen. Scheinbar bin ich nicht der einzige, der weder TinyMCE noch dem FCKeditor etwas positives abgewinnen können.

Screenshot von Redactor

Grund hierfür ist recht einfach, die großen & alten Skripte funktionieren ganz gut, sind aber halt von ihrer Ladezeit her kaum noch vertretbar. Dies liegt daran das sie aus einer Zeit stammen, als zum Beispiel jQuery noch in seinen Kinderschuhen steckte. Was hat man also gemacht? Erst einmal wilde Bibliotheken programmiert, die einem die Erstellung des eigenen Codes vereinfachen. Braucht man heute nicht mehr, kann man halt auch jQuery oder MooTools nehmen. Ich glaube es gab sogar Forks von CKEditor, der dann wiederum jQuery verwendet. Während ich das hier schreibe ist die Homepage von CKEditor aber schon gar nicht mehr zu erreichen (?). Die Sache ist also die: wenn ich direkt auf jQuery aufsetze spare ich mir jede Menge Zeit und Arbeit, und ich kann ein optimiertes und kleines Skript programmieren, das einen Wysiwyg-Editor umsetzt.

Redactor ist ein solches Skript, das 8x schneller (!) ist, als TinyMCE und CKEditor – also fast ohne Wartezeit geladen wird. Es kann auf die alte & herkömliche Weise auf eine Textarea angesetzt werden, lässt aber auch ein Inline-Editing zu. Ein Magento-Plugin rundet die Sache ab, und auch in WordPress kann man es einbinden. Letzteres habe ich allerdings noch nicht getestet, muss aber sagen das mich der TinyMCE in WordPress inzwischen mächtig nervt – vor allem wenn ich innerhalb eines <pre> Code in einen Artikel setzen möchte.

Ich denke ihr solltet mal einen Blick auf Redactor werfen, das kleine Teil macht alles was man braucht und ist dabei rattenschnell. Wenn es einer in WordPress nutzt, würde ich mich über einen kleinen Erfahrungsbericht in den Kommentaren sehr freuen! ;)

Ähnliche Beiträge

Organigramme in jQuery Organigramme sind eine feine Sache zur Darstellung von Sitemaps, Unternehmenshierarchien oder von Abläufen. Allerdings sind sie hinsichtlich Erstellun...
$.Callbacks() in jQuery 1.7 Ab und an scheint doch nochmal etwas neues und sinnvolles in jQuery zu kommen, in der Version 1.7 sind es wohl unter anderem die $.Callbacks(). Im Pri...
jQuery++ – Power Tools für jQuery jQuery kann eine Menge, aber halt nicht alles. Solls auch nicht, aber es gibt durchaus ein paar Funktionen / Plugins, die ständig im Einsatz sind, und...
Intelligentes Cropping von Bildern für Responsive Wenn man sich mal so umschaut im Bereich Responsive Websites könnte man durchaus die folgenden Eindrücke gewinnen: a) Wir machen das weil wir müssen, ...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.