Integrierte Editoren in Plone

Transkript

1 Integrierte Editoren in Plone Vergleich der Webeditoren TinyMCE, CKEditor und Kupu für das CMS Plone

2 Gliederung 1. Vorstellung der Editoren 2. Allgemeines zu Web-Editoren 3. Praxis-Test 4. Übersicht Barrierefreiheit 5. Übersicht Erweiterung/ Konfiguration 6. Zusammenfassung

3 1. Vorstellung der Editoren (1) Kupu einer der Vorreiter der WYSIWYG-Editoren. Entwickelt von kleiner Gruppe von Programmierern. Integriert in Plone bis Version 4 als Standardeditor. In Version 4 als Addon verfügbar (evtl. aus nostalgischen Gründen).

4 1. Vorstellung der Editoren (2) TinyMCE Weit verbreiteter Editor mit großem Feature- Umfang große Entwickler- und User-Community genutzt von Wordpress, Facebook, Oracle, Microsoft, Apple (online apps),... mit Version 4 von Plone Umstieg auf TinyMCE

5 1. Vorstellung der Editoren (3) CKEditor Nachfolger von FCKeditor; umbenannt (Assoziation zu Fuck ) mit TinyMCE vergleichbare Funktionalität und Größe der Community genutzt von IBM Lotus-Anwendungen, Oracle Application Express in Plone als Addon integrierbar

6 1. Vorstellung der Editoren (4) Zope External Editor bereits früh entstandene Alternative zum Editieren von Plone-Artikeln in einfachen Textareas (noch vor der Einführung von WYSIWYG-Editoren) in früheren Zope-Versionen (z. B. Zope2) Installation von External Editor Server-Plugin auf dem Server und External Editor Client auf dem Nutzer-Rechner. Heute ähnliches Produkt zu External Editor Server-Plugin bereits in Plone vorinstalliert, nur noch External Editor Client nötig.

7 2. Allgemeines zu Webeditoren (1) WYSIWYG: wie in einer Textverarbeitung arbeiten für Web optimiert mit Schwerpunkt Usability: darum mit weniger Funktionen als Desktop- Programme wie z. B. MS Word basieren auf dynamischen Markup per Javascript ergänzen Grundfunktionalität durch AJAX- Funktionen (z.b. Bild einfügen)

8 2. Allgemeines zu Webeditoren (2) Features Erleichterung von Arbeitsschritten: Suchen und Ersetzen, Rückgängig und Wiederholen Stile: Absätze, Überschriften, Tabellen Textformatierungen: Schriftgröße, Fett/ Kursiv/ Unterstrichen, Ausrichtung, Listen, Farben Kontextmenüs zu : Tabellen, Bilder einfügen, Verweise (Links) alternative Ansichten: HTML-Ansicht, Vollbildmodus

9 3. Praxis-Test (1) Text einfügen Überschrift markieren Abschnitte fett/ kursiv markieren Bild einfügen Flash einfügen Link einfügen

10 3. Praxis-Test (2) Feature TinyMCE CKEditor Kupu Einfügen von format. Texten als Plain Text Einfügen von Bildern Rechtschreibprüfung Erweiterbar über API Seitenumbruch fürs Drucken einfügen (von Spellchecker.net) (Standard auf Englisch)

11 3. Praxis-Test (3) Feature TinyMCE CKEditor Kupu Sichtbare Blöcke Emoticons Tooltips Kontextmenü Flash einfügen Weiteres Zeit/Datum einfügen Templates Block Quoting Webforms teilweise

12 4. Barrierefreiheit Feature TinyMCE CKEditor Kupu Webreader hoher Kontrast W3C Richtlinien Shortcuts frei wählbare Shortcuts Tab-Navigation Alt+Shift+Q Alt+F10; Esc Restlichen Elemente erreichbar

13 5. Erweiterung/ Konfiguration Feature TinyMCE CKEditor Kupu Admin-Konfiguration Plugin API

14 6. Zusammenfassung (1) Erfahrungen Information zu Installation, Features und Anpassung schwer zu finden Installation von CKEditor war sehr einfach Kupu vs. CKEditor-Problem: sobald Kupu aktiviert war, funktionierte CKEditor nicht mehr (Absturz und Fehlermeldung)

15 6. Zusammenfassung (2) Erfahrung mit jeweiligem Betriebssystem unerlässlich, um Editor schnell einzubinden z. B. bei Ubuntu mit Plone Dialog-Problem bei TinyMCE Reparatur kaum möglich Für Anzeige und Einbindung von Flash Anpassung von Plone nötig Einbinden funktioniert standardmäßig nicht: Flash- Objekt verschwindet nach Speichern Konfiguration der HTML-Tags <object> und <embed> in der Plone-Grundkonfiguration

16 6. Zusammenfassung (3) Fazit TinyMCE und CKEditor beide solide Software- Produkte CKEditor mit Mehrsprachigkeit besserem Support und besser kommentiertem Code (für Entwickler) bereits standardmäßig in Plone mit Rechtschreibprüfung TinyMCE kann Multimedia in verschiedenen Formaten einfügen (Shockwave, Flash, Quicktime)

17 6. Zusammenfassung (4) External Editor schwer einzurichten und ohne große Vorteile bei der Bearbeitung Kupu erscheint als veraltete Software betrachten Unsere Empfehlung: Nutzung von CKEditor aufgrund von Komfort und Verlässlichkeit. TinyMCE allerdings gute Alternative und als Standardeditor leicht einzusetzen.

18 Vielen Dank für Ihre Aufmerksamkeit! Weitere Informationen unter: