Anwendungsfälle und Lernpfade für den universellen Editor use-cases-learning-paths

Erfahren Sie mehr über die wichtigsten Anwendungsfälle des universellen Editors und darüber, wie Sie am besten weitere Informationen über seine Verwendung und die Implementierung in Ihre eigenen Projekte einholen.

Überblick overview

Der universelle Editor ist ein vielseitiger visueller Editor, der Teil von Adobe Experience Manager Sites ist. Er ermöglicht Autorinnen und Autoren die WYSIWYG-Bearbeitung („What you see is what you get“) von beliebigen Headless- und Headful-Erlebnissen.

In diesem Dokument werden diese beiden Anwendungsfälle ausführlich erläutert und es wird gezeigt, wie Sie mehr darüber erfahren können, damit Sie den universellen Editor in Ihr eigenes Projekt implementieren können.

TIP
Falls Sie dies noch nicht getan haben, lesen Sie das Dokument Einführung in den universellen Editor, um einen vollständigen Überblick für den universellen Editor zu erhalten und dessen Nutzen zu erkennen.

Anwendungsfälle use-cases

Der universelle Editor bietet Ihren Inhaltsautorinnen und Inhaltsautoren einen praktischen, intuitiven visuellen Editor, unabhängig davon, welche Art von Inhalt sie erstellen. Die zwei wichtigsten Anwendungsfälle sind:

  • WYSIWYG-Authoring: Verwenden Sie die AEM Sites-Konsole, um Ihre Inhalte zu verwalten und Seiten in AEM mit dem universellen Editor zu erstellen
  • Headless-Authoring: Erstellen Sie Inhalte in Ihrer benutzerdefinierten Headless-Anwendung mit dem universellen Editor.

WYSIWYG-Authoring wysiwyg-authoring

Wenn Sie bereits mit AEM vertraut sind, können Sie die Sites-Konsole verwenden, um Ihre Seiten zu erstellen und zu verwalten und sie dann mit dem universellen Editor zu bearbeiten.

Auf diese Weise können Sie die in der Sites-Konsole verfügbaren Tools wie Seitenverwaltung (Kopieren, Einfügen, Verschieben) und Workflows nutzen, aber auch vom modernen universellen Editor profitieren.

Falls dies Ihr Anwendungsfall ist, sehen Sie sich als nächsten Schritt die folgenden Dokumente an, um einen vollständigen Überblick über den Einstieg in den universellen Editor in AEM zu erhalten.

  1. Erste-Schritte-Handbuch für Entwickelnde zum WYSIWYG-Authoring mit Edge Delivery Services: Erfahren Sie mehr über die ersten Schritte bei Ihrem ersten universellen Editor-Projekt in AEM
  2. Erstellen von für den universellen Editor instrumentierten Bausteinen: Erfahren Sie, wie Sie Bausteine instrumentieren können, um Ihre Inhalte im universellen Editor bearbeitbar zu machen
  3. Inhaltsmodellierung für WYSIWYG-Authoring-Projekte mit Edge Delivery Services: Erfahren Sie, wie Bausteine strukturiert sind, um Ihre Inhalte für den universellen Editor effektiv zu modellieren.

Nachdem Sie diese Dokumente gelesen haben, können Sie auf diese Seite zurückkehren, um mehr über den Anwendungsfall „Headless-Authoring“ und die allgemeine Funktionsweise des universellen Editors zu erfahren.

Headless-Authoring headless-authoring

Wenn Sie bereits über eine Headless-Anwendung verfügen, können Sie den universellen Editor verwenden, um Inhalte für die Anwendung zu erstellen und deren Inhalte als Inhaltsfragmente in AEM beizubehalten. Die einzige Voraussetzung: Die Anwendung muss so konfiguriert sein, dass sie die Verwendung des universellen Editors ermöglicht.

Wenn dies Ihr Anwendungsfall ist, sehen Sie sich als nächsten Schritt das folgende Dokument an. Darin enthalten ist ein Beispiel für eine Headless-Anwendung, die für den universellen Editor instrumentiert ist.

Nachdem Sie dieses Dokument gelesen haben, können Sie auf diese Seite zurückkehren, um mehr über den Anwendungsfall „WYSIWYG-Authoring“ und die allgemeine Funktionsweise des universellen Editors zu erfahren.

Funktionsweise des universellen Editors how-ue-works

Der universelle Editor ermöglicht es, beliebige Inhalte direkt zu erstellen, und stellt Inhaltsautorinnen und -autoren unabhängig vom Inhalt eine völlig intuitive und einheitliche Benutzeroberfläche zur Verfügung.

Der universelle Editor funktioniert wie folgt.

  1. Eine Entwicklungsperson instrumentiert die Anwendung oder Seite für den universellen Editor. Im Rahmen dieser Instrumentierung wird der Editor angewiesen, welcher Inhalt bearbeitet werden kann und wie er beibehalten werden soll.

  2. Die Inhaltsautorin bzw. der Inhaltsautor lädt den universellen Editor, der wiederum Ihre Seite zwecks Bearbeitung lädt. Aufgrund seiner Instrumentierung weiß er, welcher Inhalt bearbeitbar ist und wie dieser dargestellt und beibehalten werden soll.

  3. Die Inhaltsautorin bzw. der Inhaltsautor bearbeitet den Seiteninhalt in einer intuitiven WYSIWYG-Benutzeroberfläche; die Bearbeitung erfolgt dabei direkt.

  4. Der Universal Editor behält die Änderungen automatisch wieder in der Datenquelle bei.

Weitere Informationen zur Architektur des universellen Editors finden Sie im Dokument Architektur des universellen Editors.

Konzepte des universellen Editors concepts

Damit eine Seite oder App vom universellen Editor bearbeitet werden kann, muss sie ordnungsgemäß instrumentiert werden.

  • Attribute und Typen: Damit eine Anwendung mit dem universellen Editor bearbeitet werden kann, muss sie ordnungsgemäß instrumentiert sein. Dazu gehören auch die korrekten Metadaten, damit der Editor den Inhalt der Anwendung bearbeiten kann.
  • Modelldefinitionen, Felder und Komponententypen - Sobald die Metadaten vorhanden sind, um die Bearbeitung einer Komponente zu ermöglichen, definieren Sie im Eigenschaftenbereich des Editors, welche Felder und Komponententypen sie bearbeiten können.
  • Universelle Editor-Ereignisse: Sie können Ihre App weiter anpassen, indem Sie die Bearbeitungserfahrung in Ihrer App verbessern, indem Sie Ereignisse nutzen, die der universelle Editor für Inhalte oder Benutzeroberflächen ausgibt.

Der universelle Editor kann auch an Ihre Projektanforderungen angepasst werden.

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