[AEM Sites]{class="badge positive" title="Gilt für AEM Sites)."}
Inhaltserstellung mit dem universellen Editor authoring
Erfahren Sie, wie einfach und intuitiv es für Inhaltsautorinnen und -autoren ist, Inhalte mit dem universellen Editor zu erstellen.
Einführung introduction
Der universelle Editor ermöglicht die Bearbeitung beliebiger Aspekte von Inhalten in jeder Implementierung, um außergewöhnliche Erlebnisse bereitzustellen und die Inhaltsgeschwindigkeit zu erhöhen.
Zu diesem Zweck bietet der universelle Editor Inhaltsautorinnen und Inhaltsautoren eine intuitive Benutzeroberfläche, die nur eine minimale Schulung erfordert, damit sie gleich loslegen und mit der Bearbeitung von Inhalten beginnen können. In diesem Dokument wird das Authoring-Erlebnis mit dem universellen Editor beschrieben.
Bearbeiten von Inhalten editing-content
Die Bearbeitung von Inhalten ist einfach und intuitiv. Wenn Sie den Mauszeiger über einen Inhalt im Editor bewegen, werden bearbeitbare Inhalte mit einer dünnen, hellblauen Kontur und einem Badge hervorgehoben.
Wenn Sie auf den markierten Inhalt tippen oder klicken, wird der dünne hellblaue Umriss zu einem dunkelblauen Umriss mit einem Badge.
Je nach ausgewähltem Inhalt stehen möglicherweise unterschiedliche Optionen für die Bearbeitung im Kontext sowie zusätzliche Informationen und Optionen für den Inhalt im Eigenschaftenbereich“ zur Verfügung
Kontextmenü context-menu
Jedes Stück bearbeitbarer Inhalte wird mit dem Inhaltstyp gekennzeichnet.
Sie können auf dieses Badge klicken, um schnell auf ein Kontextmenü mit Bearbeitungsaktionen zuzugreifen. Wenn Sie mit der rechten Maustaste auf ein nicht ausgewähltes bearbeitbares Element klicken, wird es automatisch ausgewählt und das Kontextmenü wird geöffnet.
Bearbeiten von einfachem Text edit-plain-text
Sie können den Text direkt bearbeiten, indem Sie auf die Komponente doppelklicken oder doppeltippen.
Der dünne, hellblaue Umriss wird zu einem dunkelblauen Umriss, um die Auswahl anzuzeigen, und es wird ein Cursor angezeigt. Nehmen Sie die gewünschten Änderungen vor und drücken Sie die Eingabetaste oder wählen Sie etwas außerhalb des Textfelds aus, um Ihre Änderungen zu speichern.
Wenn Sie die Textkomponente auswählen, werden ihre Details im Bedienfeld Eigenschaften“ angezeigt. Sie können den Text auch im Bedienfeld bearbeiten.
Außerdem finden Sie im Bedienfeld „Eigenschaften“ weitere Details zu Ihrem Text. Änderungen werden automatisch gespeichert, sobald der Fokus das bearbeitete Feld im Bedienfeld „Eigenschaften“ verlässt.
Bearbeiten von Rich-Text edit-rich-text
Sie können den Text direkt bearbeiten, indem Sie auf die Komponente doppelklicken oder doppeltippen.
Zur Vereinfachung sind an zwei Stellen Formatierungsoptionen und Details zu Ihrem Text verfügbar.
Das Rich-Text-Kontextmenü rich-text-context-menu
Ein Kontextmenü wird über dem Rich-Text-Block geöffnet und bietet grundlegende Formatierungsoptionen im Kontext. Aufgrund von Platzbeschränkungen kann es sein, dass einige Optionen hinter der Schaltfläche mit den Auslassungspunkten ausgeblendet werden.
Änderungen werden automatisch gespeichert, sobald das bearbeitete Feld nicht mehr den Eingabefokus hat.
Das Bedienfeld „Eigenschaften“ properties-rail
Der Eigenschaftenbereich zeigt einen Eintrag für die ausgewählte Rich-Text-Komponente an.
Tippen Sie auf den Eintrag, um ein Dialogfeld mit einer größeren Arbeitsfläche zu öffnen und den Rich-Text zu bearbeiten.
Tippen oder klicken Sie auf Abbrechen oder Fertig, um die Änderungen zu verwerfen bzw. zu speichern. Sie können auch die Esc-Taste drücken, um Änderungen zu speichern und das Dialogfeld zu schließen.
Rich-Text-Formatierungsoptionen formatting-options
Der Rich-Text-Editor (RTE) des universellen Editors ermöglicht es dem Autor, standardmäßige Textformatierungen anzuwenden. Die folgenden Optionen sind verfügbar.
-
Absatzstil
- Absatz, h1-h6, Code
-
Fett
-
Kursiv
-
Unterstreichen
-
Durchgestrichen
-
Textfarbe
- Öffnet eine Farbpalette, in der Sie eine Farbe auswählen oder einen Hexadezimalwert angeben können
- Nur im modalen Editor verfügbar, nicht im Kontext
-
Hochgestellt
-
Tiefgestellt
-
Aufzählungsliste
- Verwenden Sie die Tabulatortaste zum Einrücken und Umschalt+Tabulatortaste zum Ausrücken.
-
Sortierte Liste
- Verwenden Sie die Tabulatortaste zum Einrücken und Umschalt+Tabulatortaste zum Ausrücken.
-
Link
- Geben Sie eine URL an oder verwenden Sie den Inhaltsbrowser, um einen Pfad in AEM auszuwählen.
-
Verknüpfung aufheben
- Link aus dem ausgewählten Text entfernen.
-
Bild
- Geben Sie eine URL an oder verwenden Sie den Asset-Selektor um ein Asset aus AEM auszuwählen.
-
Tabelle
- Verwenden Sie die Dropdown-Liste, um eine neue Tabelle mit der ausgewählten Anzahl von Spalten und Zeilen einzufügen oder neue Spalten/Zeilen einzufügen und zu entfernen.
-
Ausrichtung
- Linksbündig ausrichten
- Zentriert ausrichten
- Rechts ausrichten
- Ausrichtung Blocksatz
-
Von rechts nach links
-
Von links nach rechts
-
Einzug
-
Ausrücken
-
Als Text einfügen
- Formatierung aus dem Text in der Zwischenablage entfernen, bevor er in den universellen Editor eingefügt wird.
-
Alle Formatierungen entfernen
- Entfernen Sie alle Formatierungsoptionen aus dem ausgewählten Text.
Je nach Back-End können die standardmäßig verfügbaren Optionen variieren. Der RTE kann so konfiguriert werden, dass Optionen je nach Anforderungen der Autoren ausgeblendet oder zusätzliche Optionen angezeigt werden. Weitere Informationen finden Sie Dokument „Konfigurieren des RTE für universellen Editor“.
Bearbeiten von Medien edit-media
Sie können die Details im Bedienfeld „Eigenschaften“ anzeigen.
- Tippen oder klicken Sie auf die Vorschau des ausgewählten Bildes im Bedienfeld „Eigenschaften“.
- Das Fenster Asset-Selektor wird geöffnet, in dem Sie ein Asset auswählen können.
- Wählen Sie diese Option, um ein neues Asset auszuwählen.
- Wählen Sie Auswählen, um zum Bedienfeld „Eigenschaften“ zurückzukehren, in dem das Asset ersetzt wurde.
Änderungen an Ihrem Inhalt werden automatisch gespeichert.
Bearbeiten von Inhaltsfragmenten edit-content-fragment
Wenn Sie ein Inhaltsfragment auswählen, können Sie dessen Details im Eigenschaftenbereich“
Die im Inhaltsmodell des ausgewählten Inhaltsfragments definierten Felder werden im Bedienfeld „Eigenschaften“ angezeigt und können dort bearbeitet werden.
Wenn Sie ein Feld auswählen, das mit einem Inhaltsfragment verknüpft ist, wird das Inhaltsfragment im Bedienfeld „Komponenten“ geladen und automatisch zu diesem Feld gescrollt.
Änderungen werden automatisch gespeichert, sobald der Fokus das bearbeitete Feld im Bedienfeld „Eigenschaften“ verlässt.
Wenn Sie Ihr Inhaltsfragment stattdessen im Inhaltsfragmenteditor bearbeiten möchten, tippen oder klicken Sie im Bedienfeld „Eigenschaften“ auf die Schaltfläche Im CF-Editor öffnen.
e, um das ausgewählte Inhaltsfragment im Inhaltsfragmenteditor zu bearbeiten.Je nach den Anforderungen Ihres Workflows können Sie das Inhaltsfragment im universellen Editor oder direkt im Inhaltsfragmenteditor bearbeiten.
Hinzufügen von Komponenten zu Containern adding-components
-
Wählen Sie eine Container-Komponente in der Inhaltsstruktur oder im Editor aus.
-
Sie haben dann folgende Möglichkeiten:
-
Wählen Sie das Hinzufügen im Bedienfeld „Eigenschaften“ aus.
-
Wählen Sie Kontextmenü die Hinzufügen“ aus.
-
-
Das Dialogfeld für die Komponentenauswahl wird geöffnet.
- Verwenden Sie die linke Spalte, um Komponenten nach Kategorie zu filtern, oder verwenden Sie die Suche, um nach Name zu filtern.
- Klicken Sie auf den Komponentennamen in der rechten Spalte, um ihn in den Container einzufügen.
- Wenn nur eine Komponente im Container zulässig ist, wird sie automatisch eingefügt.
- Klicken Sie außerhalb der Auswahl, um das Einfügen der Komponente abzubrechen.
Die Komponente wird in den Container eingefügt und kann im Editor bearbeitet werden.
a, um dem ausgewählten Container eine Komponente hinzuzufügen.Duplizieren von Komponenten in Containern duplicating-components
-
Wählen Sie eine Komponente in einem Container mithilfe der Inhaltsstruktur oder des Editors aus.
-
Sie haben dann folgende Möglichkeiten:
-
Wählen Sie Eigenschaftenbedienfeld das „Duplizieren“ aus.
-
Wählen Sie die Duplizieren aus dem Kontextmenü aus.
-
Die Komponente wird dupliziert und unterhalb der ausgewählten Komponente eingefügt.
Löschen von Komponenten aus Containern deleting-components
-
Wählen Sie eine Komponente in einem Container in der Inhaltsstruktur oder im Editor aus.
-
Sie haben dann folgende Möglichkeiten:
-
Wählen Sie Eigenschaftenbedienfeld das „Löschen“ aus.
-
Wählen Sie Kontextmenü die OptionLöschen“ aus.
-
Die ausgewählte Komponente wird gelöscht.
Shift+Backspace, um die ausgewählte Komponente aus ihrem Container zu löschen.Neuanordnen und Verschieben von Komponenten reordering-components
Sie können Komponenten mithilfe des Kontextmenüs oder der Inhaltsstruktur verschieben und neu anordnen.
Verschieben von Komponenten mit dem Kontextmenü move-context-menu
-
Klicken Sie mit der rechten Maustaste auf eine Komponente oder klicken Sie auf das Badge der ausgewählten Komponente, um das Kontextmenü“ zu öffnen
-
Wählen Sie die gewünschte Option Verschieben aus.
- Nach ganz oben verschieben
- Nach oben verschieben
- Nach unten verschieben
- Nach ganz unten verschieben
Die Komponente wird sowohl im Editor als auch in die Inhaltsstruktur verschoben.
Command-U oder Shift-Command-U, um nach oben bzw. nach oben zu gelangen.Verwenden Sie die Hotkeys
Command-J oder Shift-Command-J, um nach unten bzw. unten zu navigieren.Neuanordnen von Komponenten mit der Inhaltsstruktur reorder-content-tree
-
Wechseln Sie in den Inhaltsstruktur-Modus, falls dieser nicht bereits aktiviert ist.
-
Wählen Sie eine Container-Komponente in der Inhaltsstruktur oder im Editor aus.
-
Wählen Sie das Pfeilsymbol des Containers aus, um seinen Inhalt in der Inhaltsstruktur zu erweitern.
-
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.
-
Die gezogene Komponente wird in der Inhaltsstruktur grau angezeigt, während der Einfügepunkt durch eine blaue Linie dargestellt wird. Lassen Sie die Komponente an ihrer neuen Position los, um sie dort zu platzieren.
Die Komponenten werden sowohl in der Inhaltsstruktur als auch im Editor neu angeordnet.
Rückgängigmachen und Wiederherstellen undo-redo
Wählen Sie die Schaltflächen „Rückgängig“ oder „Wiederherstellen“ aus, um die letzte Bearbeitung im Editor rückgängig zu machen oder wiederherzustellen.
- Alle kontextbezogenen Bearbeitungen, Bearbeitungen über das Panel „Eigenschaften“ sowie das Hinzufügen, Duplizieren, Verschieben und Löschen von Blöcken können rückgängig gemacht oder wiederhergestellt werden.
- Die Funktionen „Rückgängig“ und „Wiederherstellen“ sind auf die aktuelle Browser-Sitzung beschränkt.
Command-Z bzw. Shift-Command-Z zum Rückgängigmachen bzw. Wiederherstellen.Kopieren und Einfügen copy-paste
Sie können Komponenten kopieren und einfügen, die sich in Containern befinden. Dies ist nur möglich, wenn der Ziel-Container über keine Filter konfiguriert oder über Filter verfügt, mit denen die Komponente eingefügt werden kann.
Das Kopieren und Einfügen kann auf derselben Browser-Registerkarte oder zwischen Browser-Registerkarten erfolgen, sofern die Registerkarten bereits geöffnet sind. Sie können ein Element nicht kopieren und dann eine neue Browser-Registerkarte öffnen, um es einzufügen.
-
Wählen Sie eine Komponente entweder im Editor oder in der Inhaltsstruktur aus.
-
Sie haben dann folgende Möglichkeiten:
- Klicken Sie auf Kopieren-Symbol im Eigenschaftenbereich.
- Wählen Sie Kontextmenü die OptionKopieren“ aus.
- Klicken Sie auf Kopieren-Symbol im Eigenschaftenbereich.
-
Wählen Sie die Komponente aus, nach der Sie die kopierte Komponente einfügen möchten.
-
Sie haben dann folgende Möglichkeiten:
- Tippen oder klicken Sie Einfügen im Eigenschaftenbereich.
- Wählen im „Einfügen“ aus.
- Tippen oder klicken Sie Einfügen im Eigenschaftenbereich.
Die kopierte Komponente wird nach der ausgewählten Komponente eingefügt.
Command-C bzw. Command-V zum Kopieren bzw. Einfügen.Vorschau von Inhalten previewing-content
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 Inhalt zum Bearbeiten auswählen möchten, wechseln Sie in den Vorschaumodus.
Bearbeiten der Komponentenvererbung inheritance
Vererbung ist der Mechanismus, durch den Inhalte so verknüpft werden können, dass Inhaltsänderungen automatisch übernommen werden.
Mit dem universellen Editor können Sie die Vererbung für Inhalte abbrechen, indem Sie den Inhalt einfach aktualisieren. Der Editor deaktiviert automatisch die Vererbung für alle Änderungen, die von Autorinnen und Autoren auf dieser Seite vorgenommen werden. Dadurch wird sichergestellt, dass geänderte Inhalte beibehalten werden, wenn Aktualisierungen aus dem Blueprint synchronisiert werden.
Wenn die AEM-Erweiterung für Multi-Site-Management (MSM) für Ihr Programm aktiviert ist, verfügen Sie über zusätzliche Symbolleistenoptionen, um den Vererbungsstatus einer einzelnen Komponente im universellen Editor anzuzeigen und zu ändern.
Weitere Informationen zur Funktionsweise der Vererbung mit dem universellen Editor finden Sie unter Inhaltsvererbung im universellen Editor.
Optionale Symbolleistenfunktionen toolbar-options
Zusätzliche Funktionen sind als Erweiterungen des universellen Editors verfügbar, die Sie bei der weiteren Verwaltung Ihrer Seiten und Inhalte unterstützen. Diese Erweiterungen müssen in Ihrem Programm von einer bzw. einem Admin aktiviert werden, bevor sie für Sie als Inhaltsautorin bzw. Inhaltsautor in der Symbolleiste des universellen Editors sichtbar sind.
Vererbung inheritance-extension
Die AEM-Erweiterung für Multi-Site-Management (MSM) zeigt den aktuellen Vererbungsstatus der ausgewählten Komponente an und ermöglicht es Ihnen, die Vererbung zu unterbrechen oder wiederherzustellen.
Das Symbol Vererbung installiert in der Symbolleiste des universellen Editors zeigt an, dass die Vererbung für die ausgewählte Komponente weiterhin aktiv ist.
Tippen oder klicken Sie auf das Symbol, um die Vererbung für die ausgewählte Komponente zu unterbrechen. Die Vererbung wird automatisch unterbrochen, wenn Sie die Komponente bearbeiten.
Das Symbol Vererbung unterbrochen zeigt an, dass die Vererbung für die ausgewählte Komponente unterbrochen wurde.
Tippen oder klicken Sie auf das Symbol, um die Vererbung für die ausgewählte Komponente wiederherzustellen. Sie müssen die Seite neu laden, um den Inhalt zu aktualisieren und die übernommenen Inhalte anzuzeigen.
Weitere Informationen zum Aktivieren dieser Erweiterung finden Sie in der Dokumentation zu Extension Manager.
Zugreifen auf Seiteneigenschaften page-properties
Die AEM-Erweiterung für Seiteneigenschaften ermöglicht den schnellen Zugriff auf das Fenster „Seiteneigenschaften“ für die aktuell in Bearbeitung befindliche Seite.
Tippen oder klicken Sie in der Symbolleiste des universellen Editors auf das Symbol Seiteneigenschaften, um die Seiteneigenschaften für die Seite in einem neuen Browser-Tab zu öffnen.
Weitere Informationen zum Aktivieren dieser Erweiterung finden Sie in der Dokumentation zu Extension Manager.
Zugreifen auf die Sites-Konsole sites-console
Die AEM-Erweiterung für Site Admin ermöglicht den schnellen Zugriff auf die Seite, die in der Sites-Konsole von AEM bearbeitet wird, und ermöglicht Ihnen die Navigation in der Site-Baumstruktur oder das Ausführen von Aktionen auf Seitenebene in der Konsole.
Tippen oder klicken Sie auf das Symbol, um die Sites-Konsole in einem neuen Browser-Tab zu öffnen, und navigieren Sie zu der Seite, die sich derzeit im Editor befindet.
Weitere Informationen zum Aktivieren dieser Erweiterung finden Sie in der Dokumentation zu Extension Manager.
Sperren und Entsperren von Seiten locking-pages
Die AEM-Erweiterung für Seitensperren zeigt den aktuellen Sperrstatus der Seite im Editor an und ermöglicht es Ihnen, die Seite zu sperren oder zu entsperren.
Das Symbol Entsperrt in der Symbolleiste des universellen Editors zeigt an, dass die aktuell im Editor befindliche Seite nicht gesperrt ist.
Tippen oder klicken Sie auf das Symbol, um die Seite zu sperren.
Das Symbol Gesperrt in der Symbolleiste des universellen Editors zeigt an, dass die aktuell im Editor befindliche Seite gesperrt ist. Bewegen Sie den Mauszeiger über das Symbol für eine QuickInfo mit Angabe der Person, die die Seite gesperrt hat.
Tippen oder klicken Sie auf das Symbol, um die Seite zu entsperren, wenn Sie die Person sind, die sie gesperrt hat.
Weitere Informationen zum Aktivieren dieser Erweiterung finden Sie in der Dokumentation zu Extension Manager.
Workflows workflows
Die AEM-Erweiterung für Workflows ermöglicht das Starten eines Workflows für die aktuell im Editor befindliche Seite.
Tippen oder klicken Sie in der Symbolleiste des universellen Editors auf das Symbol Workflows, um das Modal Workflow starten zu öffnen. Im Fenster werden die möglichen Inhalte aufgelistet, auf die Sie einen Workflow anwenden können.
- Wählen Sie in der Dropdown-Liste Workflow-Modell den anzuwendenden Workflow aus.
- Geben Sie im Feld Name eine Beschreibung für den Workflow an.
- Legen Sie in der Liste In den Workflow aufzunehmender Content anhand der Kontrollkästchen fest, welche Inhalte in den Workflow aufgenommen werden sollen.
- Tippen oder klicken Sie auf Workflow starten, um den Workflow zu starten, oder auf Schließen, um ihn abzubrechen.
Weitere Informationen zum Aktivieren dieser Erweiterung finden Sie in der Dokumentation zu Extension Manager.
Anmeldung als Entwicklerin oder Entwickler developer-login
Die AEM-Erweiterung für die Anmeldung als Entwicklerin oder Entwickler beim universellen Editor ist für Entwicklerinnen und Entwickler nützlich, die lokal entwickeln, und ermöglicht eine praktische Methode zur Authentifizierung bei einem lokalen AEM-SDK zu Testzwecken.
Tippen oder klicken Sie in der Symbolleiste des universellen Editors auf das Symbol Anmeldung als Entwicklerin oder Entwickler, um Ihre lokalen Anmeldedaten für die Anmeldung bei Ihrem lokalen AEM-SDK anzugeben.
Weitere Informationen zum Aktivieren dieser Erweiterung finden Sie in der Dokumentation zu Extension Manager.
Optionale Funktionen des Panels „Eigenschaften“ properties-panel-options
Zusätzliche Funktionen sind als Erweiterungen des universellen Editors verfügbar und unterstützen Sie bei der weiteren Verwaltung Ihrer Seiteninhalte. Diese Erweiterungen müssen in Ihrem Programm von einer bzw. einem Admin aktiviert werden, bevor sie für Sie als Inhaltsautorin bzw. Inhaltsautor in der Symbolleiste des universellen Editors sichtbar sind.
Varianten generieren generate-variations
Mit der Erweiterung Varianten generieren können Sie generative künstliche Intelligenz (KI) verwenden, um Varianten für Ihre Inhalte direkt im Panel „Eigenschaften“ zu erstellen.
Tippen oder klicken Sie in der Symbolleiste des universellen Editors auf das Symbol Varianten generieren, um Empfehlungen zu erhalten und Varianten zu erstellen. Weitere Informationen zum Generieren von Varianten finden Sie im Dokument Varianten generieren – in AEM-Editoren integriert.
Weitere Informationen zum Aktivieren dieser Erweiterung finden Sie in der Dokumentation zu Extension Manager.
Zusätzliche Ressourcen additional-resources
Informationen zum Veröffentlichen von Inhalten mit dem universellen Editor finden Sie in diesem Dokument.
- Veröffentlichen von Inhalten mit dem universellen Editor – Erfahren Sie, wie mit dem universellen Editor Inhalte veröffentlicht werden und wie Ihre Apps mit den veröffentlichten Inhalten umgehen können.
Weitere Informationen zu den technischen Details zum universellen Editor finden Sie in diesen Entwicklerdokumenten.
- Einführung in den universellen Editor – Erfahren Sie, wie der universelle Editor die Bearbeitung beliebiger Aspekte von Inhalten in jeder Implementierung ermöglicht, um außergewöhnliche Erlebnisse bereitzustellen und die Inhaltsgeschwindigkeit zu erhöhen.
- 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.