Weltpremiere: Echtes WYSIWYG für TYPO3

Know How

TYPO3, der Marktführer unter den Open Source Enterprise CMS, stand schon immer für Sicherheit, Skalierbarkeit und Flexibilität. Schnittstellen-Freundlichkeit inklusive. Aber unkompliziert? Dieses Attribut brachte man bisher weniger damit in Verbindung. Die von unserem Kollegen Matthias Vogel, Technical Lead bei anders und sehr, entwickelte Extension EXT:visual_editor ändert das - ab sofort. Alle Funktionen, Details und Hintergründe zum TYPO3 WYSIWYG Editor aus erster Hand in diesem Artikel.

THEMENÜBERSICHT

    Visual Editor: Einfach. Gut.

    Seit über 20Jahren nimmt TYPO3 in D/A/CH unangefochten einen Spitzenplatz unter den Open Source CMS ein. Die Gründe liegen auf der Hand: Kaum ein anderes Content-Management-System verbindet Skalierbarkeit, Rechte- und Rollenlogik, Sicherheit, Multi-Site Features und Mehrsprachigkeit zu einer derart leistungsfähigen CMS-Plattform. TYPO3 ist seit jeher für versierte Anwender in größeren Unternehmen ausgelegt. Der Visual Editor ändert das - und macht das Editieren für alle massiv einfacher.

    Der Wettbewerb schläft nicht. Gerade in punkto Benutzerfreundlichkeit und UX haben WordPress, Pimcore und Co. in den vergangenen Jahren gezeigt, wie einfach und intuitiv ein CMS bedient werden kann. Mit der von anders und sehr entwickelten Extension EXT:visual_editor zieht TYPO3 nun auch in diesem Punkt vorbei. Bislang galt die TYPO3-Redaktionsoberfläche vor allem Einsteigern oft als sperrig und formularlastig. Dank Visual Editor zeigt jetzt auch das Backend ein freundliches Gesicht.

     

    TYPO3 bleibt Enterprise - und wird komfortabler

    Mit dem Visual Editor wird das Bearbeiten von Inhalten in TYPO3 einfacher. Seiten werden 1:1 so dargestellt, wie ein Besucher sie sieht. Alle Texte können direkt bearbeitet werden. Alle relevanten Funktionen behält der Redakteur stets im Zugriff. Echtes WYSIWYG für TYPO3.

    Autor Matthias Vogel veranschaulicht die Vorteile der Extension so: Wer auf einer Seite ein und dasselbe Wort mehrfach ersetzen bzw. ergänzen wollte, musste sich bislang durch diverse Formulare klicken: Element suchen, Editor aufrufen, ändern, speichern und schließen. Und für jedes Inhaltselement alle Schritte wiederholen. Eine unnötige und repetitive Arbeit. Der stetige Wechsel zwischen Ansicht und Bearbeitungsmodus war unübersichtlich und fehleranfällig. Genau hier setzt der Visual Editor an: Eine Seite kann als Ganzes bearbeitet und mit einem Klick gespeichert werden. Gerade das ist für umfangreiche Projekte relevant. 

    TYPO3 bleibt der Standard für anspruchsvolle digitale Plattformen. Mit dem Visual Editor vermittelt es nun ein Redaktionsgefühl, das höchsten Erwartungen an modernes Content Management entspricht.

     

    EXT:visual_editor erleichtert den Redaktions-Alltag

    Vorteile der Extension:

    • Inhalte direkt in einer WYSIWYG-Umgebung bearbeiten

    • Änderungen unmittelbar im finalen 1:1 Layout sehen

    • Alle Rich-Text-Funktionen direkt nutzen

    • Inhaltselemente anlegen, ändern, verschieben, ausblenden oder löschen

    • Editierbare Bereiche dank Spotlight-Modus sofort erkennen

    • Änderungen  bewusst speichern – inklusive History und Workspace-Logik

    Sichtbar. Bearbeitbar. Unmittelbar.

    Eine der nützlichsten Funktionen ist der Spotlight-Modus: Er zeigt auf einen Blick, welche Inhalte bearbeitbar sind und welche nicht. Gerade in größeren TYPO3-Installationen mit komplexen Rechten ist das ein echter Fortschritt. Dabei berücksichtigt die Extension Benutzerrechte, RTE-Konfigurationen, Übersetzungslogik sowie Workspaces und Historie.

    Der Effekt ist sowohl unter Komfortaspekten als auch wirtschaftlich relevant. Redaktionen sind deutlich schneller am Ziel. Abstimmungen mit Agentur oder Entwicklung werden einfacher. Die Redaktionsoberfläche wird selbsterklärend. Und damit für weniger erfahrene TYPO3-Nutzer wesentlich einfacher.
    Genau darin liegt der Business Value: Mehr Geschwindigkeit, weniger Fehler, mehr Sicherheit vor der Veröffentlichung.

     

    Lang vermisstes Feature

    Der Wunsch nach Frontend Editing ist in der TYPO3-Welt kein neues Thema. Sowohl aus Anwender- als auch aus Entwicklerperspektive schließt die Extension eine Lücke, nach der laut Matthias „seit 15 Jahren gerufen“ werde. Immer wieder hatte es Versuche gegeben, die in der Praxis entweder nicht wirklich funktionierten oder einen zu hohen Integrationsaufwand verursachten. Genau deshalb ist EXT:visual_editor mehr als nur ein Komfort-Feature: Es schließt eine Lücke, die viele lange als systemisch wahrgenommen haben.

    Dass TYPO3 damit seinen Anspruch als führendes Open-Source-CMS für Enterprise-Plattformen untermauert, ist kein leeres Versprechen. Es ist die logische Weiterentwicklung eines Systems, das bislang vor allem für technische Stärke stand – und nun auch im Bereich Redaktionskomfort sichtbar aufholt.

     

    Von anders und sehr – für die TYPO3-Community

    Hinter der Entwicklung steht Matthias Vogel, Technical Lead bei anders und sehr. Er ist in der TYPO3-Community seit 12 Jahren aktiv. Sein Leitsatz: „Open source. Open mind. Focused on TYPO3.“ Zugleich macht er deutlich, dass die Extension nicht isoliert entstanden ist. Gemeinsam mit TYPO3-Core-Entwicklern wurde an den nötigen Änderungen gearbeitet, damit der Visual Editor Out-of-the-Box in TYPO3 V13 und V14 sauber funktioniert. Wer sich für die neue Extension interessiert profitiert bei einer Zusammenarbeit mit anders und sehr direkt von seiner Expertise. Idee, Konzeption und Implementierung hat er maßgeblich vorangetrieben. Das bietet die Möglichkeit, weitere Ideen und individuelle Anforderungen einzubringen, die über den aktuellen Funktionsumfang der Software hinausgehen.

    Auf dem Web Camp Venlo wurde EXT:visual_editor von Mathias erstmals der breiten Öffentlichkeit vorgestellt. Alle Teilnehmer waren überzeugt, dass diese Extension ein entscheidender Baustein ist, um die Erfolgsgeschichte von TYPO3 CMS fortzuschreiben. Die Resonanz war überwältigend:

     

     "It will change the way you work with TYPO3 big time."

    Zitat typo3_offical

     

    Open Source steht für Freiheit

    EXT:visual_editor ist nicht als proprietäre Exklusivlösung gedacht. Die Extension ist – dem Open-Source-Gedanken folgend – kostenlos und steht der TYPO3-Community ab sofort zur Verfügung. Das Ziel ist, TYPO3 weiterhin Wettbewerbsvorteile zu sichern. Perspektivisch soll die Extension zur Core-Extension werden, voraussichtlich ab TYPO3 V15. Bis auf weiteres bleibt sie eine eigene Extension, um schneller iterieren und neue Features ergänzen zu können.

    Der Open-Source-Gedanke passt zum Selbstverständnis von anders und sehr als TYPO3 Gold Member. Seit der Gründung der Agentur vor über 25 Jahren ist TYPO3 eine der technologischen Kernkompetenzen. anders und sehr nutzt das CMS dabei nicht nur in Kundenprojekten, sondern ist auch aktiver Mitgestalter der Weiterentwicklung von TYPO3. Die Agentur bringt ihre Expertise kontinuierlich in die TYPO3-Community ein, engagiert sich für die Modernisierung und Zukunftsfähigkeit des Systems und hat sich in der Vergangenheit bereits mit zahlreichen Extensions und technologischen Beiträgen einen Namen gemacht. EXT:visual_editor steht damit nicht isoliert, sondern in einer klaren Linie von Innovationen, mit denen anders und sehr TYPO3 seit Jahren mitprägt.

    Getestet - und für gut befunden

    EXT:visual_editor wurde bewusst in mehreren Projekten und mit externem Feedback getestet. Dafür wurden auch andere Agenturen eingebunden, Bugs behoben und vor einer breiten Veröffentlichung gezielt geprüft, ob es noch konzeptionelle Hürden gibt. Gerade weil sich in der TYPO3-Welt schon viele an diesem Thema versucht haben, ist diese Zurückhaltung ein Qualitätsmerkmal. "Weltpremiere" in der Produktion feiert der Visual Editor beim Verband Region Stuttgart , wo die Software bereits erfolgreich im Einsatz ist.

     

    Anders ist das, was man so noch nicht gesehen hat.
    Javier Salas
    Geschäftsführer
    +49 (711) 128 968-0
    Zum Kontaktformular