Seiteneditor und universeller Editor page-editor-universal-editor

Der Seiteneditor wird weiterhin von Adobe unterstützt, aber der universelle Editor bietet spannende Möglichkeiten für Ihre neuen Projekte.

Hintergrund background

Adobe führte den universellen Editor im Jahr 2024 als optimierten Editor mit einem modernen JavaScript-basierten Entwicklungsansatz ein. Der universelle Editor ist Adobes Vision eines nahtlosen und erweiterbaren Erlebnisses beim Erstellen visueller Inhalte.

Aufgrund des Funktionsumfangs des Seiteneditors und der unzähligen Projekte, die im Laufe der Jahre in ihn investierten, unterstützt Adobe den Seiteneditor weiterhin vollständig, Innovationen konzentrieren sich nun jedoch auf den universellen Editor.

Empfehlung recommendation

Trotz der schnellen Entwicklung besteht weiterhin eine Funktionslücke zwischen dem universellen Editor und dem Seiteneditor (ein Funktionsvergleich ist im nächsten Abschnitt zu finden).

Als Faustregeln gelten:

  • Neue Projekte sollten standardmäßig den universellen Editor verwenden.
  • Vorhandene Projekte sollten weiterhin den Seiteneditor verwenden und den Einsatz des universellen Editors erwägen, wenn mit der Nutzung von Edge Delivery oder Headless begonnen wird.

Welchen Editor Sie auswählen, sollte vollständig von den Anforderungen Ihres individuellen Projekts abhängen.

Funktionsvergleich feature-comparison

Da die Funktionslücke zwischen den beiden Editoren ständig kleiner wird, informieren Sie sich stets über die neuesten Entwicklungen in den Versionshinweisen des universellen Editors.

Bereitstellung delivery

Seiteneditor
Anmerkungen
Universeller Editor
Anmerkungen
Veröffentlichungsbereitstellung
[Verfügbar]{class="badge positive"}
Empfohlen für die Verwendung mit den Kernkomponenten und herkömmlichen AEM-Projekten
[Nicht verfügbar]{class="badge negative"}
Herkömmliche AEM-Seiten basieren in der Regel auf mehreren spezifischen Funktionen des Seiteneditors, die mit dem universellen Editor nur schwer unverändert repliziert werden können.
Edge Delivery
[Nicht verfügbar]{class="badge negative"}
[Verfügbar]{class="badge positive"}
Headless-Bereitstellung
[Teilweise verfügbar]{class="badge yellow"}
Nur mit dem SPA-Editor der zugunsten des universellen Editors eingestellt wurde
[Verfügbar]{class="badge positive"}
Der universelle Editor ermöglicht es Entwickelnden, ihre eigene Web-App zu verwenden, ohne spezielle Framework-Anforderungen oder Implementierungsbeschränkungen aufzuerlegen.

Persistenz persistence

Seiteneditor
Anmerkungen
Universeller Editor
Anmerkungen
Bearbeiten der Seitenkomponenten
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Bearbeiten von Inhaltsfragmenten
[Nicht verfügbar]{class="badge negative"}
[Verfügbar]{class="badge positive"}
Einschließen neuer Fragmente und Neuanordnung der Fragmente

Funktionen capabilities

Seiteneditor
Anmerkungen
Universeller Editor
Anmerkungen
Seitenvorlagen
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Der universelle Editor ist unabhängig vom verwendeten Vorlagensystem. Das typische Implementierungsmuster begünstigt jedoch entwicklerdefinierte Vorlagen, da Entwicklerinnen und Entwickler in modernen Frontend-Tools deutlich einfacher Vorlagenlogik direkt im Code definieren und verwalten können.
WYSIWYG-Bearbeitung
[Verfügbar]{class="badge positive"}
Auf Seiten beschränkt
[Verfügbar]{class="badge positive"}
Unterstützung von Seiten und Inhaltsfragmenten
Varianten generieren
[Nicht verfügbar]{class="badge negative"}
[Verfügbar]{class="badge positive"}
Verfügbar als Erweiterung
Neuen Block einfügen
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Block neu anordnen
[Verfügbar]{class="badge positive"}
Möglich mit Drag-and-Drop im Kontext, aber nicht im Seiten-Panel „Baumansicht“
[Verfügbar]{class="badge positive"}
Möglich per Drag-and-Drop im Seiten-Panel „Baumansicht“, aber noch nicht im Kontext (geplant)
Block ausschneiden/kopieren/einfügen
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Stile anwenden
[Verfügbar]{class="badge positive"}
Stile können mithilfe des Stilsystems auf Komponenten angewendet werden.
[Verfügbar]{class="badge positive"}
Stile können mit den Eigenschaften von regulären Komponenten (oder Inhaltsfragmenten) angewendet werden. Der universelle Editor verfügt nicht über dieselbe Stilauswahl. Sie können jedoch mit einem multiselect-Widget ein sehr ähnliches Benutzererlebnis erzielen.
Layout anwenden
[Verfügbar]{class="badge positive"}
Sites muss das responsive Raster von AEM implementieren, damit Autorinnen und Autoren die Größe von Komponenten über drei vordefinierte Haltepunkte hinweg ändern können.
[Verfügbar]{class="badge positive"}
Layouts können mit Eigenschaften von regulären Komponenten (oder Inhaltsfragmenten) angewendet werden, das responsive Raster wird jedoch nicht unterstützt.
Rückgängig/Wiederholen
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Veröffentlichen (auch als Vorschau)
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Workflow starten
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Verfügbar als Erweiterung
Kommentieren
[Verfügbar]{class="badge positive"}
Anmerkungen verwenden
[Nicht verfügbar]{class="badge negative"}
Geplant
Workfront-Integration
[Nicht verfügbar]{class="badge negative"}
[Verfügbar]{class="badge positive"}
Verfügbar als Erweiterung
MSM und Launches
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Verfügbar für Seiten als Erweiterung
Experimente und Personalisierung
[Verfügbar]{class="badge positive"}
Zielmodus verwenden
[Verfügbar]{class="badge positive"}
Verfügbar als Erweiterung für Edge Delivery Services
Inhaltsstruktur
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Ermöglicht auch die Neuanordnung in der Baumstruktur
Gerätesimulation
[Verfügbar]{class="badge positive"}
Konfigurierte Geräte können simuliert werden, Benutzende können jedoch nicht manuell die Bildschirmabmessungen für die Simulation ändern.
[Verfügbar]{class="badge positive"}
Alle zu simulierenden Bildschirmabmessungen können manuell eingegeben werden, Standardhaltepunkte können jedoch nicht konfiguriert werden.
Seitensperren
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Berücksichtigt den in der Sites-Konsole festgelegten Sperrstatus mit der im Editor verfügbaren Erweiterung zum Sperren/Entsperren von Seiten
Seiteneigenschaften
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Verfügbar über Sites Admin, einschließlich Erweiterung zum Zugriff auf die Eigenschaften von Seiten über den Editor
Mehrfachfeldeigenschaften
[Verfügbar]{class="badge positive"}
[Nicht verfügbar]{class="badge negative"}
Geplant
Remote-DAM
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Seitenversionierung
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
TimeWarp und Differenzansicht
[Verfügbar]{class="badge positive"}
[Nicht verfügbar]{class="badge negative"}
Geplant
In Admin anzeigen
[Verfügbar]{class="badge positive"}
[Verfügbar]{class="badge positive"}
Verfügbar als Erweiterung für Seiten
Seitenstatus anzeigen
[Verfügbar]{class="badge positive"}
[Nicht verfügbar]{class="badge negative"}
Verfügbar in der Sites-Konsole
Erweiterbarkeit
[Verfügbar]{class="badge positive"}
Als AEM-Überlagerungen
[Verfügbar]{class="badge positive"}
Als klar definierte Erweiterungspunkte mit dem App Builder ohne umfangreiches AEM-spezifisches Wissen

Verwenden des universellen Editors adopt-ue

Der universelle Editor bietet viele Vorteile und eignet sich daher sehr gut für neue Projekte.

  • Visuelle Bearbeitung: Wie beim Seiteneditor können Autorinnen und Autoren Inhalte direkt in der Vorschau bearbeiten und sehen sofort, wie sich ihre Änderungen auf das Besuchererlebnis auswirken.
  • Zukunftssicher: Die Roadmap von AEM priorisiert den universellen Editor als visuellen Editor. Indem Sie ihn übernehmen, wird der Zugriff auf die neuesten Innovationen und Verbesserungen sichergestellt.
  • Einfachere Integration: Für die Verwendung des universellen Editors ist kein AEM-spezifisches SDK erforderlich, wodurch die Festlegung auf bestimmte Technologiedienste verringert wird.
  • Eigene App einbringen: Der universelle Editor unterstützt jedes Web-Framework und jede Architektur, sodass ein Übernehmen ohne komplexe Umgestaltung möglich ist.
  • Erweiterbarkeit: Der universelle Editor profitiert von einem robusten Erweiterungs-Framework, einschließlich Integrationen mit GenAI, Workfront und mehr.

Migration zum universellen Editor migrate-ue

Es gibt keinen direkten Migrationspfad vom Seiteneditor zum universellen Editor. Dies liegt an den grundlegenden Unterschieden zwischen den beiden Technologien.

  • Durch den universellen Editor werden keine Funktionen wie der Vorlageneditor, das Stilsystem oder das responsive Raster wieder neu eingeführt.

    • Diese Anwendungsfälle können jetzt effizienter mit Lean-Frontend-CSS und JavaScript in Edge Delivery Services- oder Headless-Projekten bearbeitet werden.
  • Da der universelle Editor ein Editor-as-a-Service ist, ist das Einfügen von CSS oder JS in die Komponentendialogfelder beim Implementieren nicht zulässig.

    • Dies verhindert eine automatische Konvertierung von Komponentendialogfeldern aus dem Seiten-Editor.
    • Dies wirkt sich auf viele Bereiche der Dialogfelder aus, z. B. auf benutzerdefinierte Widgets, Feldvalidierungen, Regeln zum Ein-/Ausblenden und vorlagenbasierte Anpassungen.
      • Solche Funktionen sind weiterhin möglich, im universellen Editor werden sie jedoch durch Konfiguration umgesetzt und nicht durch in Dialogfeldern bereitgestelltes benutzerdefiniertes JavaScript.

Zwar kann der universelle Editor technisch die Bearbeitung von Seiten für herkömmliche AEM-Projekte (z. B. aus den Kernkomponenten) ermöglichen, doch diese Sites sind in der Regel auf mehrere Seiteneditor-spezifische Funktionen wie das Stilsystem, das responsive Raster, bearbeitbare Vorlagen und benutzerdefiniertes JavaScript in Dialogfeldern angewiesen.

Da der universelle Editor einem optimierten und modernen Ansatz folgt, der diese alten Funktionen nicht unterstützt, würde die Migration solcher Sites eine erhebliche Überarbeitung erfordern. Aus diesem Grund wird die Migration von Seiteneditor-Sites in den universellen Editor nur für Projekte empfohlen, die auf Edge Delivery Services umgestellt werden.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab