Personalizzazione ed estensione dell’editor universale customizing-extending

Scopri i diversi punti di estensione e altre funzioni che consentono di personalizzare l’esperienza di authoring di Universal Editor per supportare le esigenze degli autori di contenuti.

Panoramica overview

L’editor universale consente due tipi di adattamento in base alle esigenze del progetto.

Entrambi i tipi sono descritti nelle sezioni seguenti.

Personalizzare l’Editor universale customizing

Universal Editor offre diverse opzioni incorporate per personalizzarne le funzionalità.

Disabilitazione della pubblicazione disable-publish

Alcuni flussi di lavoro di authoring richiedono la revisione del contenuto prima della pubblicazione. In tali situazioni, l’opzione per pubblicare non deve essere disponibile per alcun autore.

Il pulsante Publish può quindi essere eliminato completamente in un'app aggiungendo i metadati seguenti.

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

Filtrare i componenti filtering-components

È possibile limitare i componenti consentiti per contenitore nell’Editor universale utilizzando i filtri dei componenti. Per ulteriori informazioni, vedere il documento Componenti filtro.

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

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

Le condizioni possono essere definite utilizzando lo schema JsonLogic. Se la condizione è true, il campo viene visualizzato. Se la condizione è false, il campo verrà 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 False
Campo di testo nascosto
Condizione Vera
Campo di testo visualizzato

URL di anteprima personalizzati custom-preview-urls

È possibile specificare un URL di anteprima personalizzato tramite una metaconfigurazione urn:adobe:aue:config:preview, che verrà aperta quando si fa clic sul pulsante Apri pagina nella barra degli strumenti superiore destra dell'editor 🔗.

Questo è particolarmente utile per le applicazioni con requisiti di anteprima specifici, ad esempio quelle che utilizzano Edge Delivery Services con l'authoring di WYSIWYG.

Per farlo, includi semplicemente l’URL di anteprima desiderato in un metatag dell’app instrumentata come nell’esempio seguente.

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

Estensione dell’interfaccia utente dell’editor universale extending

In qualità di servizio di Adobe Experience Cloud, l’interfaccia utente dell’editor universale può essere estesa utilizzando App Builder e Experience Manager.

Le estensioni dell’interfaccia utente sono applicazioni JavaScript create con Adobe App Builder che possono essere incorporate in applicazioni UI eseguite in Adobe Experience Cloud Unified Shell, ad esempio Universal Editor. Puoi aggiungere pulsanti e azioni personalizzati al menu e al pannello delle proprietà dell’intestazione, nonché creare eventi personalizzati per Universal Editor.

Se desideri esplorare queste possibilità, consulta le seguenti risorse:

  1. Estensibilità interfaccia utente - Questa è la documentazione per gli sviluppatori per l'estensione dell'interfaccia utente.
  2. Guide all'estendibilità dell'interfaccia utente: istruzioni dettagliate su come sviluppare un'estensione personalizzata
  3. Punti di estensione di Universal Editor - Documentazione del punto di estensione specifica di Universal Editor
TIP
Se preferisci imparare da esempio, consulta l'esercitazione sull'estensibilità dell'interfaccia utente dell'AEM. Anche se si concentra sull’estensione della console Frammenti di contenuto, i concetti per l’implementazione di un’estensione dell’interfaccia utente nell’Editor universale sono gli stessi.

Utilizzando Extension Manager in AEM Sites, puoi abilitare o disabilitare le estensioni per singole istanze, accedere alle estensioni di prime parti di Adobe, incluse quelle per Universal Editor, e molto altro.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab