Überblick

Verbessern Sie Ihren redaktionellen Workflow durch nahtloses In-Context-Editing mit der In-Preview-Editing Extension für CoreMedia Studio.

Diese Erweiterung führt intuitive In-Preview-Editing-Funktionen direkt in die Studio-Vorschau ein und ermöglicht Redakteuren die Interaktion mit und die Bearbeitung von Inhalten innerhalb der Vorschau Ihres Frontends.

Die Erweiterung umfasst:

• Ein CoreMedia Studio Plugin, das direkt in die redaktionelle Benutzeroberfläche integriert ist und die Echtzeitbearbeitung von Inhaltselementen im Vorschaubereich ermöglicht.

• Ein NPM-Paket zur Integration in Ihre Frontends - ob serverseitig gerendert mit CoreMedia Freemarker Templates oder implementiert mit modernen Frameworks wie React, Vue oder Angular.

Diese Erweiterung wurde entwickelt, um die Bearbeitung von Inhalten zu rationalisieren und den Kontextwechsel zu reduzieren. Sie ermöglicht es Redaktionsteams, Aktualisierungen schneller vorzunehmen und dabei den vollständigen visuellen Kontext zu erhalten.

Anwendungsfälle

Die Erweiterung unterstützt eine Vielzahl von redaktionellen Interaktionen, die auf die realen Bedürfnisse von Inhalten abgestimmt sind:

• Inline-Bearbeitung für String-Felder

  Aktualisieren Sie Überschriften, Beschriftungen und kurze Textelemente durch einfaches Klicken und Eingeben in der Seitenvorschau.

  Bitte beachten Sie, dass String-Eigenschaftsfelder wie Überschriften in-line bearbeitet werden können. Für alle anderen Bearbeitungsfälle wird in Studio ein schwebender Editor-Dialog angezeigt.

• Rich-Text-Bearbeitung mit CKEditor

  Foder längeren Inhaltsblöcken, die auf Rich-Text-Auszeichnungen basieren, ermöglicht die integrierte CoreMedia Studio Rich-Text-Editor-Integration die Bearbeitung von Rich-Text mit allen Funktionen - einschließlich Formatierung, Listen, Links und mehr - ohne die Vorschauansicht zu verlassen.

• Hochladen und Zuschneiden von Bildern

  Laden Sie eine neue Bilddatei hoch, wählen Sie eine Zuschneidevariante und sehen Sie, wie sie live aktualisiert wird - alles, ohne ein separates Formular für das Asset zu öffnen.

• Platzierungsbearbeitung einschließlich Verknüpfung von Inhalten, Anordnung und Layoutauswahl

  Anpassen der Platzierung von Inhalten direkt in der Seitenvorschau:

  • Verknüpfung neuer Inhaltsstücke
  • Inhaltsblöcke neu anordnen
  • Layoutoptionen auswählen

• Direktes Veröffentlichen aus dem Bearbeitungsmenü (für Redakteure mit Veröffentlichungsrechten)

  Für Benutzer mit Veröffentlichungsberechtigung ermöglicht die Erweiterung die Veröffentlichung mit einem Klick direkt aus der Vorschau. Was Sie sehen, kann sofort live geschaltet werden.

Zusätzliche Anwendungsfälle können leicht hinzugefügt werden.

Die In-Preview-Editing Extensions sind in erster Linie dafür gedacht, Geschäftsanwendern das schnelle Korrigieren von Tippfehlern, falschen Bildausschnitten usw. sowie kleinere Änderungen und Aktualisierungen von Inhalten zu ermöglichen. Sie ist kein Ersatz für die Standardkonzepte in Studio zur Bearbeitung von Inhalten.

Einrichtung

Sie können den Quellcode hier erhalten: https://github.com/coremedia-contributions/in-preview-editing

Sie wird als CoreMedia Extension bereitgestellt und installiert.

Anforderungen

• CoreMedia Content Cloud

Unterstützung

Der von uns zur Verfügung gestellte Code ist als Beispielcode gedacht, der eine Reihe von Funktionen veranschaulicht, die zur Verbesserung Ihrer CoreMedia-Erfahrung genutzt werden können. Wir würden uns sehr über Ihr Feedback zu Anwendungsfällen und weiteren Entwicklungen freuen! Wenn Sie Probleme mit unserem Code haben, wenden Sie sich bitte an den Github issues Bereich. Wenn Sie bereits eine Lösung für ein Problem haben, überprüfen und integrieren wir gerne Ihre Pull Requests.