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.
- Personalizzazione dell'editor universale - Le funzionalità standard dell'editor universale possono essere adattate tramite diverse configurazioni di personalizzazione.
- Estensione dell'interfaccia utente dell'editor universale - È inoltre possibile estendere l'interfaccia utente dell'editor universale tramite App Builder per soddisfare le esigenze dei progetti.
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.
code language-json |
---|
|
![Campo di testo nascosto](./media_186d530a2b12f3abe879b568d52c90a088b266c33.png?width=750&format=png&optimize=medium)
![Campo di testo visualizzato](./media_19ff5415a72c2936a1beb6f43974d3a0906fec92d.png?width=750&format=png&optimize=medium)
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:
- Estensibilità interfaccia utente - Questa è la documentazione per gli sviluppatori per l'estensione dell'interfaccia utente.
- Guide all'estendibilità dell'interfaccia utente: istruzioni dettagliate su come sviluppare un'estensione personalizzata
- Punti di estensione di Universal Editor - Documentazione del punto di estensione specifica di Universal Editor
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.