Attributi e tipi attributes-types

Scopri gli attributi di dati e i tipi di elementi richiesti dall’editor universale.

Introduzione introduction

Affinché un’app possa essere modificata dall’editor universale, deve essere dotata di strumentazione corretta. Ciò include l’inclusione dei metadati appropriati, in modo che l’editor possa modificare il contenuto dell’app. Questo documento descrive gli attributi e i tipi di elementi di tali metadati.

NOTE
La convalida del contenuto viene eseguita lato server. L’editor universale funziona semplicemente con gli attributi dei dati. La verifica della loro conformità al modello/struttura deve essere effettuata a livello di API.

Proprietà dati data-properties

Proprietà dati
Descrizione
data-aue-resource
Per l’URN della risorsa, consulta la sezione Instrumenta la pagina del documento Guida introduttiva all’editor universale in AEM
data-aue-prop
Per l’attributo della risorsa, consulta la sezione Instrumenta la pagina del documento Guida introduttiva all’editor universale in AEM
data-aue-type
Tipo di elemento modificabile (ad esempio testo, immagine e riferimento)
data-aue-filter
Definisce quali riferimenti possono essere utilizzati
data-aue-label
Definisce un’etichetta personalizzata per un elemento selezionabile visualizzato nell’editor.
Nel caso in cuidata-aue-model sia impostata, l’etichetta viene recuperata tramite il modello.
data-aue-model
Definisce un modello che viene utilizzato per la modifica basata su modulo nella barra delle proprietà
data-aue-behavior
Definisce il comportamento di una strumentazione. Ad esempio, testo o immagine autonomi possono simulare un componente per renderlo spostabile o eliminabile

Tipi di elementi item-types

data-aue-type
Descrizione
data-aue-resource
data-aue-prop
data-aue-filter
data-aue-label
data-aue-model
data-aue-behavior
text
Il testo può essere modificato all’interno dei tag di HTML, ma solo in formato di testo semplice e non in formattazione RTF, cosa che, ad esempio, viene comunemente utilizzata nei componenti del titolo
Facoltativo
Obbligatorio
n/d
Facoltativo
n/d
Facoltativo
richtext
Il testo è modificabile utilizzando tutte le funzioni RTF. L’editor Rich Text (RTE) viene visualizzato nel pannello di destra
Facoltativo
Obbligatorio
n/d
Facoltativo
n/d
Facoltativo
media
L’elemento modificabile è una risorsa, ad esempio immagine o video
Facoltativo
Obbligatorio
Facoltativo
elenco di criteri di filtro per immagini o video trasmessi al selettore risorse
Facoltativo
n/d
Facoltativo
container
L’elemento modificabile si comporta come contenitore per i componenti, cioè come Sistema paragrafo.
Dipende
vedi sotto
Dipende
vedi sotto
Facoltativo
un elenco di componenti consentiti
Facoltativo
n/d
n/d
component
L’elemento modificabile è un componente. Non aggiunge ulteriori funzionalità. È necessario per indicare parti mobili/eliminabili del DOM e per aprire la barra delle proprietà e i relativi campi
Obbligatorio
n/d
n/d
Facoltativo
Facoltativo
n/d
reference
L’elemento modificabile è un riferimento, ad esempio Frammento di contenuto, Frammento di esperienza o Prodotto
Dipende
vedi sotto
Dipende
vedi sotto
Facoltativo
elenco di criteri di filtro per frammento di contenuto, prodotto o frammento di esperienza trasmessi al selettore di riferimento
Facoltativo
Facoltativo
n/d

A seconda del caso d’uso data-aue-prop o data-aue-resource può essere richiesto o meno. Ad esempio:

  • data-aue-resource è richiesto se esegui una query sui frammenti di contenuto tramite GraphQL e desideri rendere l’elenco modificabile nel contesto.
  • data-aue-prop è richiesto se un componente esegue il rendering del contenuto di un frammento di contenuto a cui si fa riferimento e si desidera aggiornare il riferimento all’interno del componente.

Comportamenti behaviors

data-aue-behavior
Descrizione
component
Utilizzato per consentire l’utilizzo di componenti di testo, testo RTF e mimica multimediale autonomi in modo che possano essere spostati ed eliminabili nella pagina
container
Utilizzato per consentire ai contenitori di essere trattati come componenti propri in modo che siano spostabili ed eliminabili sulla pagina
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab