• CMS
Dieter Petereit 29. Dezember 2012

Create.js – InPage-Editing für Content Management Systeme mit HTML5

Wenn man über Strategien zur Bearbeitung von Web-Inhalten nachdenkt, wird man zumindest schnell darüber Einigkeit erzielen, dass das sog. Inline- oder InPage-Editing, also die direkte Bearbeitung der Inhalte im Original-Layout, die verständlichste und eleganteste Lösung wäre. Dennoch bieten nur wenige CM-Systeme eine solche Herangehensweise. Das Projekt Create.js will ein Modul sein, mit dem beliebige CMS relativ einfach genau eine solche Möglichkeit implementieren könnten.

Create.js – Schon für etliche CMS verfügbar

Create.js entkoppelt Editing, Framework und Content voneinander, zieht mithin eine weitere Ebene in den bisher schon etablierten Mehrklang ein. Die Vorteile eines solchen Bausteinsystems liegen auf der Hand. Solange sich die Bausteine an etablierte Standards halten, sind sie untereinander austauschbar. Innovationen werden so zumindest potenziell beschleunigt, da sich kein Teilnehmer auf einer Vormachtstellung ausruhen kann.

Create.js arbeitet mit RDFa-Annotationen zur Definition der editierbaren Elemente und verwendet ein RESTful API zur Speicherung der editierten Inhalte auf dem Server. Damit ist der gesamte Ablauf transparent und standardkonform.

Drupal 8, TYPO3 Neos, Symfony CMF und OpenCMS haben sich bereits für die Integration von Create.js entschieden. Das Core-Team von WordPress hat sich, zumindest nach meinen Recherchen, bislang noch nicht zu diesem Thema positioniert. Scheut man den technischen Anpassungsaufwand oder scheut man die Öffnung mit Blick auf die gerade stärker werdende Vormachtstellung? Man weiß es nicht…

An lizenzrechtlichen Problemen zumindest kann es nicht liegen. Create.js verwendet im Standard den Hallo-Editor, kann jedoch auch zur Zusammenarbeit mit dem Aloha-Editor verpflichtet werden. Create.js wird unter MIT-Lizenz abgegeben, ebenso Hallo.

Serverseitig setzt Create.js Backbone voraus, dessen Models und Collections den änderbaren Inhalt aufnehmen, daraus Views erzeugen und auf diese Weise für Synchronizität zwischen Front- und Backend sorgen. Neben Backbone setzt Create.js noch jQuery, die jQuery UI, Underscore und VIE voraus.

Create.js wurde maßgeblich von Henri Bergius entwickelt. Die Finanzierung wird teilweise über die Europäische Union im Rahmen des IKS-Projekts sicher gestellt. Das IKS-Projekt soll semantische Technologien für gängige CMS-Systeme verfügbar machen.

Das folgende Video von der Codesprint 2012 in Kopenhagen befasst sich mit TYPO3 Neos und der Integration von Create.js in das CMS. Auch Henri Bergius kommt darin zu Wort:

Klicke auf den unteren Button, um den Inhalt von Vimeo nachzuladen.
Inhalt laden

PGlmcmFtZSBzcmM9Imh0dHBzOi8vcGxheWVyLnZpbWVvLmNvbS92aWRlby81MDg4Mzg2OCIgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyODEiIGZyYW1lYm9yZGVyPSIwIiB0aXRsZT0iVFlQTzMgTmVvcyBDb2Rlc3ByaW50IC8gQ29wZW5oYWdlbiAyMDEyIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW4gbW96YWxsb3dmdWxsc2NyZWVuIGFsbG93ZnVsbHNjcmVlbj48L2lmcmFtZT4=

Links zum Beitrag:

Dieter Petereit

Dieter Petereit

ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für diverse Medien, hauptsächlich zu den Themenfeldern Technik und Design. Man findet ihn auch auf Twitter und Google+.
Dr. Webs exklusiver Newsletter
Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.

3 Kommentare

  1. Was ist hiermit?

    wordpress.org/extend/plugins/front-end-editor/

  2. Hallo

    Wesentlich einfacher ist die Einbindung von openWYSIWYG 1.4.7. , zu haben hier http://www.openwebware.com/ .

    Dieses ist reines Javascript und hat sonst keine Abhängigkeiten zu anderen
    Frameworks oder Subsystemen. Es ist gut dokumentiert somit sind eigene Modifikationen ohne Probleme möglich. Das ist sogar mir gelungen :-)

    Die Anbindung an ein Backend sollte für den kundigen Entwickler kein Hindernis darstellen.

    Gruss
    Heinz

Schreibe einen Kommentar

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

Kennst du schon unseren Newsletter?

Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.

Cookies

Weitere Informationen zu den Auswahlmöglichkeiten findest du hier. Dazu musst du zunächst keine Auswahl treffen!

Um Dr. Web zu besuchen, musst du eine Auswahl treffen.

Deine Auswahl wurde gespeichert!

Informationen zu den Auswahlmöglichkeiten

Was du erlaubst!

Um fortfahren zu können, musst du eine Auswahl treffen. Nachfolgend erhältst du eine Erläuterung der verschiedenen Optionen und ihrer Bedeutung.

  • Ich stimme zu:
    Du erlaubst uns das Setzen aller Cookies, die wir in unseren Datenschutzhinweisen genannt haben. Dazu gehören Tracking- und Statistik-Cookies. Aus dem Tracking per Google Analytics bieten wir auf der Seite Datenschutz ein Opt-Out, also die Möglichkeit der Abmeldung, an.
  • Ich stimme nicht zu:
    Wir verzichten bei dieser Option auf den Einsatz von Google Analytics. Die für den Betrieb von Dr. Web notwendigen Cookies werden aber dennoch gesetzt. Einzelheiten entnimmst du bitte den Datenschutzhinweisen

Du kannst deine Cookie-Einstellungen jederzeit hier ändern: Datenschutz. Impressum

Zurück