Anwendungsfälle und Lernpfade für universelle Editoren use-cases-learning-paths

Erfahren Sie mehr über die wichtigsten Anwendungsfälle des universellen Editors und wie Sie am besten mehr über dessen Verwendung und dessen Implementierung in Ihren eigenen Projekten erfahren.

Überblick overview

Der universelle Editor ist ein vielseitiger visueller Editor, der Teil von Adobe Experience Manager Sites ist. Sie ermöglicht es Autoren, die WYSIWYG-Bearbeitung (What-you-see-is-what-you-get) eines Headless- oder Headful-Erlebnisses durchzuführen.

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

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

Anwendungsfälle use-cases

Der universelle Editor stellt Ihren Inhaltsautoren einen bequemen, intuitiven visuellen Editor zur Verfügung, unabhängig davon, welche Art von Inhalt sie erstellen. Die beiden Hauptanwendungsfälle sind:

  • WYSIWYG Authoring - Verwenden Sie die AEM Sites-Konsole, um Ihre Inhalte und Autorenseiten in AEM mit dem universellen Editor zu verwalten
  • Headless Authoring - Erstellen Sie Inhalte in Ihrer eigenen 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 von den in der Sites-Konsole verfügbaren Tools wie Seitenverwaltung (Kopieren, Einfügen, Verschieben) und Workflows profitieren, aber auch vom modernen universellen Editor.

Wenn dies Ihr Anwendungsfall ist, sehen Sie sich die folgenden Dokumente an, um einen vollständigen Überblick darüber zu erhalten, wie Sie mit dem universellen Editor in AEM arbeiten können.

  1. Entwicklerhandbuch für WYSIWYG-Inhaltserstellung mit Edge Delivery Services - Erste Schritte mit Ihrem ersten Universal-Editor-Projekt in AEM
  2. Erstellen von für die Verwendung mit dem 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 mit Edge Delivery Services-Projekten - Erfahren Sie mehr über die Struktur von Bausteinen, um Ihre Inhalte für die Verwendung mit dem universellen Editor effektiv zu modellieren.

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

Headless Authoring headless-authoring

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

Wenn dies Ihr Anwendungsfall ist, sehen Sie sich das folgende Dokument an, um ein Beispiel für eine Headless-App zu finden, die für die Verwendung des universellen Editors instrumentiert ist.

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

So funktioniert der universelle Editor how-ue-works

Der universelle Editor bietet die Möglichkeit, beliebige Inhalte direkt zu erstellen und dem Inhaltsautor unabhängig vom Inhalt eine völlig intuitive und einheitliche Benutzeroberfläche zur Verfügung zu stellen.

Der universelle Editor funktioniert wie folgt.

  1. Ein Entwickler instrumentiert die App oder Seite für die Verwendung des universellen Editors. Diese Anleitung teilt dem Editor mit, welcher Inhalt bearbeitet werden kann und wie er beibehalten werden soll.

    • Für WYSIWYG-Authoring werden Seiten, die mit der Vorlage "Textbaustein"erstellt wurden, automatisch instrumentiert.
    • Für Headless-Authoring kann Ihre App einfach instrumentiert werden.
  2. Der Inhaltsautor lädt den universellen Editor, der Ihre Seite zur Bearbeitung lädt. Da es instrumentiert wird, weiß es, welcher Inhalt bearbeitbar ist und wie er dargestellt und beibehalten werden soll.

  3. Der Inhaltsautor bearbeitet den Seiteninhalt in einer intuitiven WYSIWYG-Benutzeroberfläche und bearbeitet ihn an Ort und Stelle.

  4. Der universelle Editor behält die Änderungen automatisch wieder in AEM bei.

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

Universelle Editor-Konzepte concepts

Damit eine Seite oder App vom universellen Editor bearbeitet werden kann, muss sie ordnungsgemäß instrumentiert werden. Nach der Instrumentierung kann es weiter an Ihre Projektanforderungen angepasst werden.

  • Attribute und Typen - Damit eine App oder Seite vom universellen Editor bearbeitet werden kann, muss sie ordnungsgemäß instrumentiert werden. Dazu gehören auch die korrekten Metadaten, damit der Editor den Inhalt der App bearbeiten kann.
  • Modelldefinitionen, Felder und Komponententypen - Sobald die Metadaten vorhanden sind, um die Bearbeitung einer Komponente zu ermöglichen, definieren Sie in der Eigenschaftenleiste des Editors, welche Felder und Komponententypen sie bearbeiten können. Erstellen Sie dazu ein Modell und verknüpfen Sie es über die Komponente mit diesem.
  • Anpassen des Inhaltserlebnisses für den universellen Editor - Sobald die App oder Seite vollständig instrumentiert wurde, kann das Erlebnis für den universellen Editor weiter angepasst werden, indem die verfügbaren Komponenten gefiltert oder die Funktionalität des Editors erweitert wird.
  • Universelle Editor-Ereignisse: Sie können Ihre App weiter anpassen, indem Sie auf Standardereignisse reagieren, die von Universal bei Änderungen am Inhalt und an der Benutzeroberfläche gesendet werden.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab