Attribute und Typen

Erfahren Sie mehr über die Datenattribute und -typen, die der universelle Editor erfordert.

Einführung

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. In diesem Dokument werden die Attribute und Typen dieser Metadaten beschrieben.

HINWEIS

Die Inhaltsvalidierung erfolgt Server-seitig. Der universelle Editor arbeitet einfach mit den Datenattributen. Die Validierung, ob sie dem Modell/der Struktur entsprechen, muss auf API-Ebene durchgeführt werden.

Dateneigenschaften

Dateneigenschaft Beschreibung
itemid URN zur Ressource, siehe den Abschnitt „Instrumentieren der Seite“ im Dokument „Erste Schritte mit dem universellen Editor in AEM“
itemprop Attribut der Ressource, siehe den Abschnitt „Instrumentieren der Seite“ im Dokument „Erste Schritte mit dem universellen Editor in AEM“
itemtype Typ des bearbeitbaren Elements (z. B. Text, Bild, Referenz usw.)
data-editor-itemfilter Definiert, welche Verweise verwendet werden können
data-editor-itemlabel Definiert eine benutzerdefinierte Beschriftung für ein auswählbares Element, das im Editor angezeigt wird.
Wenn itemmodel festgelegt ist, wird die Beschriftung über das Modell abgerufen
data-editor-itemmodel Definiert ein Modell, das für die formularbasierte Bearbeitung in der Eigenschaftenleiste verwendet wird
data-editor-behavior Definiert das Verhalten einer Instrumentierung, z. B. kann ein eigenständiger Text oder ein Bild auch eine Komponente imitieren, um sie verschiebbar oder löschbar zu machen

Elementtypen

itemtype Beschreibung itemid itemprop data-editor-itemfilter data-editor-itemlabel data-editor-itemmodel data-editor-behvior
text Text kann innerhalb der HTML-Tags bearbeitet werden, jedoch nur im einfachen Textformat, ohne verfügbare Rich-Text-Formatierung. Dies wird häufig bei Titelkomponenten verwendet, z. B. Optional Erforderlich Nicht zutreffend Optional Nicht zutreffend Optional
richtext Der Text kann mit allen Rich-Text-Funktionen bearbeitet werden. RTE wird im rechten Bedienfeld angezeigt Optional Erforderlich Nicht zutreffend Optional Nicht zutreffend Optional
media Das bearbeitbare Element ist ein Asset, z. B. Bild oder Video Optional Erforderlich Optional
Liste der Kriterien für Bild- oder Videofilter, die an den Asset-Selektor übergeben werden		 Optional Nicht zutreffend Optional
container Das bearbeitbare Element verhält sich als Container für Komponenten, auch bekannt als Absatzsystem. Abhängig von
siehe unten		 Abhängig von
siehe unten		 Optional
eine Liste der zulässigen Komponenten		 Optional Nicht zutreffend Nicht zutreffend
component Das bearbeitbare Element ist eine Komponente. Fügt keine zusätzlichen Funktionen hinzu, ist erforderlich, um bewegliche/löschbare Teile des DOM anzuzeigen und die Eigenschaftenleiste und ihre Felder zu öffnen Erforderlich Nicht zutreffend Nicht zutreffend Optional Optional Nicht zutreffend
reference Das bearbeitbare Element ist eine Referenz, z. B. Inhaltsfragment, Experience Fragment oder Produkt Abhängig von
siehe unten		 Abhängig von
siehe unten		 Optional
Liste der Filterkriterien für Inhaltsfragmente, Produkte oder Experience Fragments, die an den Referenz-Selektor übergeben werden		 Optional Optional Nicht zutreffend

Je nach Anwendungsfall kann itemprop oder itemid erforderlich sein oder nicht. Beispiel:

  • itemid ist erforderlich, wenn Sie Inhaltsfragmente über GraphQL abfragen und die Liste im Kontext bearbeitbar machen möchten.
  • itemprop ist erforderlich, wenn Sie eine Komponente haben, die den Inhalt eines referenzierten Inhaltsfragments rendert, und die Referenz innerhalb der Komponente aktualisieren möchten.

Verhaltensweisen

data-editor-behavior Beschreibung
component Kann verwendet werden, um eigenständigen Text, Rich-Text und Medien das Verhalten von Komponenten nachahmen zu lassen, sodass sie auch auf der Seite verschiebbar und löschbar sind.

Zusätzliche Ressourcen

Weitere Informationen zum universellen Editor finden Sie in diesen Dokumenten.

Auf dieser Seite