Inhaltserstellung mit dem universellen Editor

Erfahren Sie, wie einfach und intuitiv es für Inhaltsautorinnen und -autoren ist, Inhalte mit dem universellen Editor zu erstellen.

Einführung

Der universelle Editor ermöglicht die Bearbeitung beliebiger Inhalte in jeder Implementierung, um außergewöhnliche Erlebnisse bereitzustellen, die Inhaltsgeschwindigkeit zu erhöhen und ein modernes Entwicklererlebnis zu bieten.

Dazu bietet der universelle Editor Autoren von Inhalten eine intuitive Benutzeroberfläche, für die eine minimale Schulung erforderlich ist, um einfach in die Lage zu wechseln und mit der Bearbeitung von Inhalten zu beginnen. In diesem Dokument wird das Authoring-Erlebnis des universellen Editors beschrieben.

Vorbereiten der App

Um Inhalte für eine App mit dem universellen Editor erstellen zu können, muss die App von einer Entwicklerperson instrumentiert werden, um den Editor zu unterstützen.

Anmelden

Nachdem die App für die Verwendung mit dem universellen Editor konfiguriert wurde, melden Sie sich beim universellen Editor an. Sie benötigen eine Adobe ID, um sich anzumelden und haben Zugriff auf den universellen Editor.

Geben Sie nach der Anmeldung die URL der Seite ein, die Sie bearbeiten möchten, im Standortleiste. damit Sie mit der Bearbeitung von Inhalten beginnen können, z. B. Textinhalt oder Medieninhalte.

Grundlegendes zur Benutzeroberfläche

Die Benutzeroberfläche ist in fünf Hauptbereiche unterteilt.

• Die Kopfzeile von Experience Cloud
• Die Kopfzeile des universellen Editors
• Die Modusleiste
• Der Editor
• Die Eigenschaftenleiste

Die Kopfzeile von Experience Cloud

Die Kopfzeile von Experience Cloud befindet sich immer oben im Bildschirm. Es handelt sich um einen Anker, der Ihnen mitteilt, wo Sie sich in Experience Cloud befinden, und Ihnen dabei hilft, zu anderen Experience Cloud-Apps zu navigieren.

Experience Manager

Wählen Sie links in der Kopfzeile den Adobe Experience Cloud-Link aus, um zum Stammverzeichnis Ihrer Experience Manager-Lösung zu navigieren und auf Tools wie Cloud Manager, Cloud Acceleration Manager und Software-Verteilung zuzugreifen.

Organisation

Dadurch wird die Organisation angezeigt, bei der Sie sich derzeit angemeldet haben. Wählen Sie diese Option aus, um zu einer anderen Organisation zu wechseln, wenn Ihre Adobe ID mit mehreren Organisationen verknüpft ist.

Lösungen

Durch Tippen oder Klicken auf den Lösungsschalter können Sie schnell zu anderen Experience Cloud-Lösungen wechseln.

Hilfe

Das Hilfesymbol bietet schnellen Zugriff auf Lern- und Support-Ressourcen.

Benachrichtigungen

Dieses Symbol ist mit der Anzahl der aktuell zugewiesenen unvollständigen Zeichen gekennzeichnet Benachrichtigungen.

Benutzereigenschaften

Wählen Sie das Symbol für Ihren Benutzer aus, um auf Ihre Benutzereinstellungen zuzugreifen. Wenn Sie kein Benutzerbild konfiguriert haben, wird ein zufälliges Symbol zugewiesen.

Die Kopfzeile des universellen Editors

Die Kopfzeile des universellen Editors befindet sich immer oben im Bildschirm direkt unter der Kopfzeile von Experience Cloud. Dadurch erhalten Sie schnellen Zugriff auf die Navigation zu einer anderen Seite, die Sie bearbeiten können, sowie auf die Veröffentlichung der aktuellen Seite.

Die Schaltfläche "Startseite"

Über die Schaltfläche "Startseite"gelangen Sie wieder zur Startseite des universellen Editors

Auf der Startseite können Sie die URL der Site eingeben, die Sie mit dem universellen Editor bearbeiten möchten.

Speicherortleiste

Die Speicherortleiste zeigt die Adresse der Seite an, die Sie bearbeiten. Wählen Sie diese Option aus, um die Adresse einer anderen zu bearbeitenden Seite einzugeben.

Einstellungen für Authentifizierungs-Header

Wählen Sie das Symbol Authentifizierungs-Header-Einstellungen aus, wenn Sie ein Authentifizierungsgeheimnis festlegen müssen.

Emulator-Einstellungen

Wählen Sie das Emulationssymbol aus, um festzulegen, wie der Universal Editor die Seite rendert.

Durch Tippen oder Klicken auf das Emulationssymbol werden die Optionen angezeigt.

Standardmäßig wird der Editor im Desktop-Layout geöffnet, wobei Höhe und Breite automatisch vom Browser definiert werden.

Sie können auch ein Mobilgerät und im universellen Editor emulieren:

• Ausrichtung definieren
• Breite und Höhe definieren
• Ausrichtung ändern

App-Vorschau öffnen

Klicken Sie auf das Symbol "Vorschau der App öffnen", um die Seite zu öffnen, die Sie gerade bearbeiten, und zwar auf der eigenen Registerkarte des Browsers, die nicht vom Editor zur Vorschau Ihres Inhalts genutzt werden kann.

Veröffentlichen

Wählen Sie die Veröffentlichungsschaltfläche aus, damit Sie die Änderungen am Inhalt live für Ihre Leser veröffentlichen können.

Die Modusleiste

Die Modusleiste befindet sich direkt unter der Schaltfläche "Startseite"und befindet sich immer auf der linken Seite des Editors. Dadurch können Sie den Editor einfach zwischen verschiedenen Nutzungsmodi wechseln.

Vorschaumodus

Im Vorschaumodus wird die Seite im Editor so gerendert, wie sie in Ihrem veröffentlichten Dienst angezeigt werden würde. Dadurch kann der Inhaltsautor durch Klicken auf Links zum Inhalt navigieren usw.

Komponentenmodus

Im Komponentenmodus kann der Inhaltsautor Komponenten zur Bearbeitung auswählen, darunter:

• Bearbeiten von Normaltext vorhanden sind.
• Rich-Text bearbeiten mit zusätzlichen Formatierungsoptionen, die in der Eigenschaftenleiste angezeigt werden.
• Bearbeiten von Medieninhalten
• Bearbeiten von Inhaltsfragmenten

Wenn Sie eine Komponente auswählen, werden die Details ihres Inhalts im Eigenschaftenleiste. Je nach Inhaltstyp können Sie entweder direkt oder in der Eigenschaftenleiste bearbeiten.

Der Editor

Der Editor belegt den Großteil des Fensters und ist dort, wo die Seite angegeben ist in die Standortleiste wird gerendert.

• Wenn sich der Editor in Komponentenmodus, der Inhalt kann bearbeitet werden, Sie können jedoch nicht auf Links folgen.
• Wenn sich der Editor in Vorschaumodus Der Inhalt kann navigiert werden und Sie können Links folgen, den Inhalt kann jedoch nicht bearbeitet werden.

Eigenschaftenleiste

Die Eigenschaftenleiste befindet sich immer rechts im Editor. Je nach Modus können Details zu einer im Inhalt ausgewählten Komponente oder die Hierarchie der Seiteninhalte angezeigt werden.

Eigenschaftenmodus

Im Eigenschaftenmodus zeigt die Leiste die Eigenschaften der Komponente an, die derzeit im Editor ausgewählt sind. Dies ist der Standardmodus der Eigenschaftenleiste beim Laden einer Seite.

Je nach ausgewähltem Komponententyp können Details in der Eigenschaftenleiste angezeigt und geändert werden.

Beachten Sie, dass nicht alle Komponenten Details aufweisen, die angezeigt und/oder bearbeitet werden können.

Inhaltsbaum-Modus

Im Inhaltsstrukturmodus zeigt die Leiste die Hierarchie des Seiteninhalts an.

Bei der Auswahl eines Elements in der Inhaltsstruktur scrollt der Editor zu diesem Inhalt und wählt ihn aus.

Bearbeiten

Wann Komponentenmodus, Die Bearbeitungsoptionen für die ausgewählte Komponente werden in der Eigenschaftenleiste angezeigt. In der Eigenschaftenleiste können Sie die ausgewählte Komponente bearbeiten. Wenn es sich bei der ausgewählten Komponente um ein Inhaltsfragment handelt, können Sie auch die Schaltfläche "Bearbeiten"auswählen.

Durch Tippen oder Klicken auf die Schaltfläche "Bearbeiten"wird das Inhaltsfragmente-Editor in einer neuen Registerkarte. Dadurch können Sie auf die volle Leistungsfähigkeit des Inhaltsfragment-Editors zugreifen, um das zugehörige Inhaltsfragment zu bearbeiten.

Abhängig von den Anforderungen Ihres Workflows können Sie das Inhaltsfragment im universellen Editor oder direkt im Inhaltsfragment-Editor bearbeiten.

Hinzufügen

Wenn Sie eine Container-Komponente entweder in der Inhaltsstruktur oder im Editor auswählen, wird die Option zum Hinzufügen in der Eigenschaftenleiste angezeigt.

Durch Tippen oder Klicken auf die Schaltfläche zum Hinzufügen wird ein Dropdown-Menü mit Komponenten geöffnet, die für zum ausgewählten Container hinzufügen.

Löschen

Wenn Sie eine Komponente innerhalb einer Container-Komponente entweder in der Inhaltsstruktur oder im Editor auswählen, wird die Löschoption in der Eigenschaftenleiste angezeigt.

Tippen oder Klicken auf die Schaltfläche zum Löschen löscht die Komponente.

Bearbeiten von Inhalten

Die Bearbeitung von Inhalten ist einfach und intuitiv. In KomponentenmodusWenn Sie den Mauszeiger über den Inhalt im Editor bewegen, wird der bearbeitbare Inhalt durch ein blaues Feld markiert.

Je nach ausgewähltem Inhalt stehen Ihnen möglicherweise unterschiedliche Optionen zur Bearbeitung im Kontext zur Verfügung. Zusätzlich können Sie zusätzliche Informationen und Optionen für den Inhalt im Eigenschaftenleiste.

Nur Text bearbeiten

Wenn Sie Komponentenmodus und eine Textkomponente auswählen, können Sie den Text an Ort und Stelle bearbeiten, indem Sie auf die Komponente doppelklicken oder doppeltippen.

Drücken Sie die Eingabetaste/die Eingabetaste oder wählen Sie außerhalb des Textfelds aus, um Ihre Änderungen zu speichern.

Wenn Sie die Textkomponente auswählen, werden deren Details in der Eigenschaftenleiste angezeigt. Sie können den Text auch in der Leiste bearbeiten.

Außerdem sind Details zu Ihrem Text in der Eigenschaftenleiste verfügbar. Änderungen werden automatisch gespeichert, sobald der Fokus das bearbeitete Feld in der Eigenschaftenleiste verlässt.

Bearbeiten von Rich-Text

Wenn Sie Komponentenmodus und eine Rich-Text-Komponente auswählen, können Sie den Text an Ort und Stelle bearbeiten, indem Sie auf die Komponente doppelklicken oder doppeltippen.

Drücken Sie die Eingabetaste/die Eingabetaste oder wählen Sie außerhalb des Textfelds aus, um Ihre Änderungen zu speichern.

Außerdem sind Formatierungsoptionen und Details zu Ihrem Text in der Eigenschaftenleiste verfügbar. Änderungen werden automatisch gespeichert, sobald der Fokus das bearbeitete Feld in der Eigenschaftenleiste verlässt.

Bearbeiten von Medien

Wenn Sie Komponentenmodus und Sie ein Bild auswählen, können Sie dessen Details in der Eigenschaftenleiste anzeigen.

Wählen Sie die Ersetzen Schaltfläche unter der Vorschau des ausgewählten Bildes in der Eigenschaftenleiste, um das Bild durch ein anderes aus Ihrer Asset-Bibliothek zu ersetzen.

1. Die Asset-Wähler -Fenster geöffnet, in dem Sie ein Asset auswählen können.
2. Wählen Sie diese Option, um ein neues Asset auszuwählen.
3. Auswählen Auswählen , um zur Eigenschaftenleiste zurückzukehren, in der das Asset ersetzt wurde.

Änderungen werden automatisch in Ihrem Inhalt gespeichert.

Bearbeiten von Inhaltsfragmenten

Wenn Sie Komponentenmodus und wählen Sie eine Inhaltsfragment, Sie können die Details in der Eigenschaftenleiste bearbeiten.

Die im Inhaltsmodell des ausgewählten Inhaltsfragments definierten Felder werden in der Eigenschaftenleiste angezeigt und können bearbeitet werden.

Wenn Sie ein Feld auswählen, das sich auf ein Inhaltsfragment bezieht, wird das Inhaltsfragment in der Komponentenleiste geladen und zu dem Feld wird automatisch ein Bildlauf durchgeführt.

Änderungen werden automatisch gespeichert, sobald der Fokus das bearbeitete Feld in der Eigenschaftenleiste verlässt.

Wenn Sie Ihr Inhaltsfragment im Inhaltsfragmente-Editor Klicken Sie stattdessen auf die Schaltfläche "Bearbeiten" in der Modusleiste.

Abhängig von den Anforderungen Ihres Workflows können Sie das Inhaltsfragment im universellen Editor oder direkt im Inhaltsfragment-Editor bearbeiten.

Hinzufügen von Komponenten zu Containern

1. Wählen Sie eine Container-Komponente in der Inhaltsstruktur oder im Editor aus.

2. Wählen Sie dann das Symbol zum Hinzufügen in der Eigenschaftenleiste aus.

   

Die Komponente wird in den Container eingefügt und kann im Editor bearbeitet werden.

Löschen von Komponenten aus Containern

1. Wählen Sie eine Container-Komponente in der Inhaltsstruktur oder im Editor aus.

2. Wählen Sie das Pfeilsymbol des Containers aus, um seinen Inhalt in der Inhaltsstruktur zu erweitern.

3. Wählen Sie dann in der Inhaltsstruktur eine Komponente im Container aus.

4. Wählen Sie in der Eigenschaftenleiste das Löschsymbol aus.

   

Die ausgewählte Komponente wurde gelöscht.

Neuanordnen von Komponenten in Containern

1. Wählen Sie eine Container-Komponente in der Inhaltsstruktur oder im Editor aus.

2. Wenn nicht bereits in Inhaltsbaum-Modus, darauf umschalten.

3. Wählen Sie das Pfeilsymbol des Containers aus, um seinen Inhalt in der Inhaltsstruktur zu erweitern.

4. Ziehpunkte neben den Komponenten im Container zeigen, dass Sie sie neu anordnen können. Ziehen Sie die Komponenten, um sie innerhalb des Containers neu anzuordnen.

   

5. Die gezogene Komponente wird in der Komponentenstruktur grau dargestellt, während der Einfügepunkt durch eine blaue Linie dargestellt wird. Lassen Sie die Komponente frei, um sie an ihrer neuen Position zu platzieren.

Die Komponenten werden sowohl in der Inhaltsstruktur als auch im Editor neu angeordnet

Vorschau von Inhalten

Wenn Sie mit der Bearbeitung von Inhalten fertig sind, möchten Sie häufig durch diese navigieren, um zu sehen, wie sie im Inhalt anderer Seiten aussehen. Im Vorschaumodus können Sie auf Links klicken, um genau wie eine Person, die Ihre Inhalte liest, durch diese zu navigieren. Der Inhalt wird im Editor so wiedergegeben, wie er veröffentlicht werden würde.

Beachten Sie, dass im Vorschaumodus beim Tippen oder Klicken auf den Inhalt die gleiche Reaktion erfolgt, wie es bei einer Person, die den Inhalt liest, der Fall wäre. Wenn Sie den zu bearbeitenden Inhalt auswählen möchten, wechseln Sie zu Komponentenmodus.

Zusätzliche Ressourcen

Weitere Informationen zum universellen Editor finden Sie in diesen Dokumenten.

• Einführung in den universellen Editor – Erfahren Sie, wie der universelle Editor die Bearbeitung beliebiger Inhalte in jeder Implementierung ermöglicht, um außergewöhnliche Erlebnisse bereitzustellen, die Inhaltsgeschwindigkeit zu erhöhen und ein modernes Entwicklererlebnis zu bieten.
• Veröffentlichen von Inhalten mit dem universellen Editor - Erfahren Sie, wie der Universal Editor Inhalte veröffentlicht und wie Ihre Apps mit den veröffentlichten Inhalten umgehen können.
• Erste Schritte mit dem universellen Editor in AEM – Erfahren Sie, wie Sie Zugriff auf den universellen Editor erhalten und wie Sie mit der Instrumentierung Ihrer ersten AEM-App beginnen, um ihn zu verwenden.
• Architektur des universellen Editors – Erfahren Sie mehr über die Architektur des universellen Editors und darüber, wie Daten zwischen seinen Diensten und Ebenen fließen.
• Attribute und Typen – Erfahren Sie mehr über die Datenattribute und -typen, die der universelle Editor erfordert.
• Authentifizierung beim universellen Editor – Erfahren Sie, wie beim universellen Editor authentifiziert wird.