Personalizzazione dell’editor universale customizing

Scopri le diverse opzioni per personalizzare l’editor universale in modo da supportare le esigenze degli autori di contenuti.

TIP
L’editor universale offre anche molti punti di estensione che ti consentono di ampliarne le funzionalità per soddisfare le esigenze del progetto.

Utilizzo dei tag di configurazione Meta meta-tags

Alcuni flussi di lavoro di authoring potrebbero richiedere l’utilizzo di alcune funzioni dell’Editor universale e non di altre. Per supportare casi diversi, i metatag sono disponibili per configurare o disabilitare determinate funzioni o pulsanti dell’editor.

Disattivazione delle funzionalità disable-features

Utilizzare questo tag nella sezione <head> della pagina per disabilitare una o più funzionalità:

<meta name="urn:adobe:aue:config:disable" content="..." />

Per disattivare più funzioni, fornisci un elenco di valori separato da virgole.

Di seguito sono riportati i valori supportati per content, ovvero le funzionalità che possono essere disabilitate con i metatag.

Valore contenuto
Descrizione
publish
Disattiva tutte le funzionalità di pubblicazione, ovvero il pulsante pubblicazione e il pulsante annullamento pubblicazione
publish-live
Disabilita pubblicazione in tempo reale
publish-preview
Disabilita pubblicazione anteprima (se il servizio di anteprima è disponibile)
unpublish
Disattiva il pulsante annulla pubblicazione
copy
Disattiva i pulsanti Copia e Incolla
duplicate
Disattiva il pulsante Duplica
header-open-page
Disattiva il pulsante apri pagina
aem-dev-login
Disabilita il pulsante di accesso sviluppatore

Definizione della modalità editor defining-mode

È possibile forzare l’apertura dell’Editor universale in una modalità specifica. Utilizza questo tag nella sezione <head> della pagina per forzare la modalità editor:

<meta name="urn:adobe:aue:config:mode" content="..." />

Di seguito sono riportati i valori supportati per content, ovvero le funzionalità che possono essere disabilitate con i metatag.

Valore contenuto
Descrizione
preview
L’editor si apre in modalità anteprima. L’icona Anteprima è nascosta e l’utente non può tornare alla modalità di modifica.
readonly
L’editor si apre in modalità di sola lettura. Il pulsante Proprietà e il pannello sono nascosti. I dettagli sono disponibili nella struttura del contenuto, ma non è possibile apportare modifiche.

Quando si definiscono le modalità tramite meta tag, l’utente non può sovrascrivere le modalità.

URL di anteprima personalizzati custom-preview-urls

Puoi specificare un URL di anteprima personalizzato tramite una metaconfigurazione urn:adobe:aue:config:preview che viene aperta quando fai clic sul pulsante Apri pagina nella barra degli strumenti in alto a destra dell’editor 🔗.

A tal fine, includi semplicemente l’URL di anteprima desiderato in un metatag dell’app dotata di strumenti come nell’esempio seguente.

<meta name="urn:adobe:aue:config:preview" content="https://wknd.site"/>

Modifica dell’endpoint custom-endpoint

Se non desideri utilizzare il servizio editor universale, ospitato da Adobe, ma la tua versione ospitata, puoi impostarlo in un meta tag. Per informazioni dettagliate, consulta il documento Guida introduttiva all’editor universale in AEM.

Filtrare i componenti filtering-components

Puoi limitare i componenti consentiti per contenitore nell’editor universale utilizzando i filtri dei componenti. Per ulteriori informazioni, consulta il documento Filtrare i componenti.

Mostra e nascondi componenti in modo condizionale nel pannello Proprietà conditionally-hide

Anche se, generalmente, uno o più componenti possono essere disponibili per gli autori, in alcune situazioni potrebbe non avere senso. In questi casi, puoi nascondere i componenti nel pannello delle proprietà aggiungendo un attributo condition ai campi ​ del modello del componente ​.

Le condizioni possono essere definite utilizzando lo schema JsonLogic. Se la condizione è vera, il campo viene visualizzato. Se la condizione è falsa, il campo viene nascosto.

Modello di esempio
code language-json
 {
    "id": "conditionally-revealed-component",
    "fields": [
      {
        "component": "boolean",
        "label": "Shall the text field be revealed?",
        "name": "reveal",
        "valueType": "boolean"
      },
      {
        "component": "text-input",
        "label": "Hidden text field",
        "name": "hidden-text",
        "valueType": "string",
        "condition": { "===": [{"var" : "reveal"}, true] }
      }
    ]
 }
Condizione falsa
Campo di testo nascosto
Condizione vera
Campo di testo mostrato

Limitazione: Condizioni All’Interno Di Contenitori Multicampo conditions-multi-field-limitation

La risoluzione della condizione var è assoluta e non relativa alla riga corrente. var deve essere un livello radice fieldName oppure, per i campi all’interno di un contenitore, deve avere come prefisso il nome del contenitore containerName|fieldName.

Lo stesso approccio non funziona per più contenitori (righe ripetibili). Il contenuto delle righe viene indicizzato in fase di esecuzione come containerName/0|fieldName, containerName/1|fieldName e così via, ma tale indice non è noto durante l’authoring della condizione e si sposta quando le righe vengono aggiunte, rimosse o riordinate. Di conseguenza, un autore non può eseguire il targeting di un campo specifico all’interno della stessa riga, pertanto le condizioni all’interno di più contenitori non sono supportate.

recommendation-more-help
experience-manager-cloud-service-help-main-toc