Casi d’uso e percorsi di apprendimento dell’editor universale use-cases-learning-paths
Scopri i casi d’uso principali di Universal Editor e come usarlo al meglio per saperne di più sul suo utilizzo e come implementarlo nei tuoi progetti.
Panoramica overview
Universal Editor è un editor visivo versatile che fa parte di Adobe Experience Manager Sites. Consente agli autori di eseguire la modifica WYSIWYG (What-you-see-is-what-you-get) di qualsiasi esperienza headless o headful.
Questo documento illustra in dettaglio questi due casi d’uso e mostra come saperne di più su di essi in modo da poter implementare l’Editor universale nel tuo progetto.
Casi d’uso use-cases
L’editor universale offre agli autori dei contenuti un editor visivo comodo e intuitivo, indipendentemente dal tipo di contenuto che creano. I due casi d’uso principali sono:
- Authoring WYSIWYG - Utilizza la console AEM Sites per gestire i contenuti e creare pagine all'interno dell'AEM tramite l'editor universale
- Authoring headless: creazione di contenuti nella tua applicazione headless personalizzata tramite l'editor universale.
Authoring WYSIWYG wysiwyg-authoring
Se conosci l’AEM, puoi utilizzare la console Sites per creare e gestire le pagine e quindi modificarle con l’editor universale.
In questo modo è possibile beneficiare degli strumenti disponibili nella console Sites, ad esempio la gestione delle pagine (copia, incolla, sposta) e dei flussi di lavoro, ma anche del moderno editor universale.
Se questo è il tuo caso d’uso, come prossimo passo, consulta i seguenti documenti per una panoramica completa su come iniziare a utilizzare Universal Editor in AEM.
- Guida introduttiva per sviluppatori per l'authoring WYSIWYG con Edge Delivery Services - Introduzione al primo progetto Universal Editor nell'AEM
- Creazione di blocchi instrumentati per l'utilizzo con Universal Editor - Scopri come dotare di strumenti i blocchi per rendere modificabili i contenuti nell'Universal Editor
- Modellazione dei contenuti per l'authoring WYSIWYG con progetti di Edge Delivery Services - Scopri i dettagli della struttura dei blocchi per modellare in modo efficace i contenuti da utilizzare con l'editor universale.
Dopo aver letto questi documenti, puoi tornare a questa pagina per scoprire il caso d’uso dell’authoring headless e il funzionamento generale dell’Editor universale.
Authoring headless headless-authoring
Se disponi già di un’app headless, puoi utilizzare l’Editor universale per creare contenuti per l’app e mantenerli come frammenti di contenuto nell’AEM. L’unico requisito è che l’app sia dotata di strumenti che consentano l’utilizzo dell’editor universale.
Se questo è il tuo caso d’uso, come passaggio successivo immediato, consulta il seguente documento per un esempio di app headless dotata di strumenti per l’utilizzo dell’editor universale.
Dopo aver letto il documento, puoi tornare a questa pagina per scoprire il caso d’uso dell’authoring WYSIWYG e il funzionamento generale dell’Editor universale.
Funzionamento dell'editor universale how-ue-works
La potenza dell’editor universale è la capacità di creare qualsiasi contenuto sul posto, fornendo all’autore del contenuto un’interfaccia utente completamente intuitiva e unificata indipendentemente dal contenuto.
L’editor universale funziona nel modo seguente.
-
Uno sviluppatore strumentalizza l’app o la pagina per utilizzare l’Editor universale. Questa strumentazione indica all’editor il contenuto modificabile e come mantenerlo.
- Per l’authoring WYSIWYG, le pagine create utilizzando il modello boilerplate vengono automaticamente instrumentate.
- Per l’authoring headless, l’app può essere facilmente dotata di strumenti.
-
L’autore del contenuto carica l’Editor universale, che a sua volta carica la pagina per la modifica. Poiché è dotata di strumenti, conosce il contenuto modificabile e come deve essere rappresentato e mantenuto.
-
L’autore del contenuto modifica il contenuto della pagina in un’interfaccia WYSIWYG intuitiva, modificando direttamente.
-
L'editor universale salva automaticamente le modifiche in AEM.
Per ulteriori informazioni sull'architettura di Universal Editor, vedere il documento Architettura di Universal Editor.
Concetti relativi all’editor universale concepts
Affinché una pagina o un’app possa essere modificata dall’editor universale, deve essere dotata di strumenti appropriati. Una volta dotata di strumenti, può essere ulteriormente adattata alle esigenze del progetto.
- Attributi e tipi - Affinché un'app o una pagina possa essere modificata dall'editor universale, è necessario che sia dotata di strumenti appropriati. Ciò include l’inclusione dei metadati corretti in modo che l’editor possa modificare il contenuto dell’app.
- Definizioni modello, campi e tipi di componente - Una volta che i metadati sono presenti per consentire la modifica di un componente, puoi definire quali campi e tipi di componente possono essere modificati nella barra delle proprietà dell'editor. A tale scopo, crea un modello e crea un collegamento a tale modello dal componente.
- Personalizzazione dell'esperienza di authoring dell'editor universale - Una volta che l'app o la pagina è completamente dotata di strumenti, l'esperienza dell'editor universale può essere ulteriormente adattata filtrando i componenti disponibili o estendendo la funzionalità dell'editor.
- Eventi editor universale - Puoi personalizzare ulteriormente l'app reagendo agli eventi standard inviati da Universal alle modifiche al contenuto e all'interfaccia utente.