[AEM Sites]{class="badge positive" title="Si applica ad AEM Sites)."}
Authoring dei contenuti con l’editor universale authoring
Scopri quanto è semplice e intuitivo per gli autori di contenuti creare contenuti utilizzando l’editor universale.
Introduzione introduction
Universal Editor consente di modificare qualsiasi aspetto di qualsiasi contenuto in qualsiasi implementazione, in modo da offrire esperienze eccezionali e velocizzare la realizzazione dei contenuti.
A questo scopo, l’editor universale offre agli autori di contenuti un’interfaccia utente intuitiva che richiede una formazione minima per poter entrare e iniziare a modificare i contenuti. Questo documento descrive l’esperienza di authoring dell’editor universale.
Modifica del contenuto editing-content
La modifica del contenuto è semplice e intuitiva. Quando passi il mouse sul contenuto nell’editor, il contenuto modificabile viene evidenziato con un contorno sottile di colore blu chiaro e un badge.
Quando si tocca o si fa clic sul contenuto evidenziato, il contorno sottile di colore blu chiaro diventa un contorno di colore blu scuro con un badge.
A seconda del contenuto selezionato, è possibile che nel pannello proprietà siano disponibili diverse opzioni di modifica diretta e ulteriori informazioni e opzioni per il contenuto.
Menu di scelta rapida context-menu
Ogni elemento di contenuto modificabile viene contrassegnato con il tipo di contenuto.
Puoi fare clic su questo badge per accedere rapidamente a un menu di scelta rapida con azioni di modifica. Facendo clic con il pulsante destro del mouse su un elemento modificabile non selezionato, questo viene selezionato automaticamente e viene aperto anche il menu di scelta rapida.
Modifica del testo normale edit-plain-text
Per modificare il testo nella posizione desiderata, fai doppio clic o tocca due volte il componente.
Il contorno sottile di colore blu chiaro diventa un contorno blu scuro per indicare la selezione e viene visualizzato un cursore. Apportare le modifiche e premere Invio/Ritorna o selezionare all'esterno della casella di testo per salvare le modifiche.
Quando selezioni il componente testo, i relativi dettagli vengono visualizzati nel pannello delle proprietà . Puoi anche modificare il testo nel pannello.
Inoltre, i dettagli sul testo sono disponibili nel pannello delle proprietà. Le modifiche vengono salvate automaticamente quando lo stato attivo lascia il campo modificato nel pannello delle proprietà.
Modifica del testo formattato edit-rich-text
Per modificare il testo nella posizione desiderata, fai doppio clic o tocca due volte il componente.
Per comodità, le opzioni di formattazione e i dettagli del testo sono disponibili in due posizioni.
Menu di scelta rapida Rich Text rich-text-context-menu
Un menu di scelta rapida viene visualizzato sopra il blocco di testo RTF e offre opzioni di formattazione di base nel contesto. A causa di limiti di spazio, alcune opzioni potrebbero essere nascoste dietro il pulsante con i puntini di sospensione.
Le modifiche vengono salvate automaticamente quando lo stato attivo lascia il campo modificato.
Pannello Proprietà properties-rail
Il pannello proprietà mostra una voce per il componente Rich Text selezionato.
Tocca la voce per aprire una finestra di dialogo che presenta un’area di lavoro più grande per modificare il testo RTF.
Tocca o fai clic rispettivamente su Annulla o Fine per ignorare o salvare le modifiche. Puoi anche premere il tasto Esc per salvare le modifiche e chiudere la finestra di dialogo.
Opzioni di formattazione RTF formatting-options
L’editor Rich Text di Universal Editor consente all’autore di applicare la formattazione di testo standard. Sono disponibili le seguenti opzioni.
-
Stile paragrafo
- Paragrafo, h1-h6, codice
-
Grassetto
-
Corsivo
-
Sottolineato
-
Barrato
-
Colore testo
- Apre una tavolozza di colori in cui è possibile selezionare un colore o specificare un valore esadecimale
- Disponibile solo nell’editor modale, non nel contesto
-
Apice
-
Pedice
-
Elenco puntato
- Utilizza il tasto TAB per applicare un rientro e Maiusc+TAB per annullare il rientro.
-
Elenco ordinato
- Utilizza il tasto TAB per applicare un rientro e Maiusc+TAB per annullare il rientro.
-
Collegamento
- Specifica un URL o utilizza il Browser contenuto per selezionare un percorso all’interno di AEM.
-
Scollega
- Rimuovi collegamento dal testo selezionato.
-
Immagine
- Specifica un URL o utilizza il selettore risorse per selezionare una risorsa da AEM.
-
Tabella
- Utilizza il menu a discesa per inserire una nuova tabella del numero di colonne e righe selezionato o per inserire e rimuovere nuove colonne o righe.
-
Allineamento
- Allinea a sinistra
- Allinea al centro
- Allinea a destra
- Allinea giustificato
-
Da destra a sinistra
-
Da sinistra a destra
-
Rientro
-
Rientro negativo
-
Incolla come testo
- Rimuovere la formattazione dal testo presente negli Appunti prima di incollarla nell'Editor universale.
-
Rimuovi tutta la formattazione
- Rimuovi tutte le opzioni di formattazione dal testo selezionato.
Le opzioni disponibili per impostazione predefinita possono variare a seconda del back-end. L’editor Rich Text può essere configurato in modo da nascondere le opzioni o mostrare opzioni aggiuntive a seconda delle esigenze degli autori. Per ulteriori informazioni, vedere il documento Configurazione dell'editor Rich Text per Universal Editor.
Editing di file multimediali edit-media
Puoi visualizzarne i dettagli nel pannello proprietà.
- Tocca o fai clic sull’anteprima dell’immagine selezionata nel pannello proprietà.
- Viene visualizzata la finestra selettore risorse che consente di selezionare una risorsa.
- Seleziona per selezionare una nuova risorsa.
- Seleziona Seleziona per tornare al pannello delle proprietà in cui è stata sostituita la risorsa.
Le modifiche vengono salvate automaticamente nel contenuto.
Modificare i frammenti di contenuto edit-content-fragment
Se selezioni un frammento di contenuto, puoi modificarne i dettagli nel pannello proprietà.
I campi definiti nel modello di contenuto del frammento di contenuto selezionato vengono visualizzati e modificabili nel pannello delle proprietà.
Se selezioni un campo correlato a un frammento di contenuto, il frammento di contenuto viene caricato nel pannello dei componenti e il campo viene scorruto automaticamente in.
Le modifiche vengono salvate automaticamente quando lo stato attivo lascia il campo modificato nel pannello delle proprietà.
Se invece desideri modificare il frammento di contenuto nell'Editor frammento di contenuto, tocca o fai clic sul pulsante Apri nell'editor CF nel pannello delle proprietà.
e per modificare il frammento di contenuto selezionato nell'editor frammenti di contenuto.A seconda delle esigenze del flusso di lavoro, può essere utile modificare il frammento di contenuto nell’editor universale o direttamente nell’editor frammento di contenuto.
Aggiunta di componenti ai contenitori adding-components
-
Selezionare un componente contenitore nella struttura contenuto o nell'editor.
-
È quindi possibile:
-
Select the Add icon in the properties panel.
-
Selezionare l'opzione Aggiungi nel menu di scelta rapida.
-
-
Viene visualizzata la finestra di dialogo del selettore dei componenti.
- Utilizza la colonna a sinistra per filtrare i componenti per categoria o utilizza la ricerca per filtrare per nome.
- Fai clic sul nome del componente nella colonna di destra per inserirlo nel contenitore.
- Se nel contenitore è consentito un solo componente, questo viene inserito automaticamente.
- Fai clic all’esterno del selettore per annullare l’inserimento del componente.
Il componente viene inserito nel contenitore e può essere modificato nell’editor.
a per aggiungere un componente al contenitore selezionato.Duplicazione di componenti nei contenitori duplicating-components
-
Selezionare un componente in un contenitore utilizzando la struttura contenuto o l'editor.
-
È quindi possibile:
-
Seleziona l'icona Duplica nel pannello delle proprietà.
-
Selezionare l'opzione Duplica dal menu di scelta rapida.
-
Il componente viene duplicato e inserito sotto il componente selezionato.
Eliminazione di componenti dai contenitori deleting-components
-
Selezionare un componente in un contenitore nella struttura contenuto o nell'editor.
-
È quindi possibile:
-
Seleziona l'icona Elimina nel pannello delle proprietà.
-
Selezionare l'opzione Elimina nel menu di scelta rapida.
-
Il componente selezionato è stato eliminato.
Shift+Backspace per eliminare il componente selezionato dal relativo contenitore.Riordinamento e spostamento di componenti reordering-components
Puoi spostare e riordinare i componenti utilizzando il menu di scelta rapida o la struttura del contenuto.
Spostare i componenti con il menu di scelta rapida move-context-menu
-
Fare clic con il pulsante destro del mouse su un componente o fare clic sul badge del componente selezionato per aprire il menu di scelta rapida .
-
Seleziona l’opzione di spostamento desiderata.
- Sposta all’inizio
- Sposta in alto
- Sposta in basso
- Sposta alla fine
Il componente viene spostato sia nell’editor che nella struttura del contenuto.
Command-U o Shift-Command-U rispettivamente per spostarsi verso l'alto o verso l'alto.Utilizzare i tasti di scelta rapida
Command-J o Shift-Command-J rispettivamente per spostarsi verso il basso o verso il basso.Riordinare i componenti con la struttura del contenuto reorder-content-tree
-
Se non è già in modalità struttura contenuto, passare a tale modalità.
-
Seleziona un componente contenitore nella struttura del contenuto o nell’editor.
-
Seleziona l’icona della freccia del contenitore per espanderne il contenuto nella struttura del contenuto.
-
Trascina le icone delle maniglie accanto ai componenti all’interno del contenitore per mostrare che puoi riorganizzarli. Trascina i componenti per riordinarli all’interno del contenitore.
-
Il componente trascinato è disattivato nella struttura del contenuto, mentre il punto di inserimento è rappresentato da una linea blu. Rilasciate il componente per posizionarlo nella nuova posizione.
I componenti vengono riordinati sia nella struttura del contenuto che nell’editor.
Annulla e Ripristina undo-redo
Selezionare i pulsanti Annulla o Ripristina per annullare o ripristinare l'ultima modifica nell'editor.
- Annullamento e ripristino possono essere eseguiti per modifiche apportate nel contesto, effettuate tramite il pannello Proprietà, nonché aggiunta, duplicazione, spostamento ed eliminazione di blocchi.
- Le operazioni Annulla e Ripristina sono limitate alla sessione corrente del browser.
Command-Z o Shift-Command-Z rispettivamente per annullare o ripetere l'operazione.Copiare e incollare copy-paste
È possibile copiare e incollare i componenti che si trovano all'interno di contenitori. Questo è possibile solo se il contenitore di destinazione non ha filtri configurati o ha filtri che consentono di incollare il componente.
Copiare e incollare possono essere nella stessa scheda del browser o tra schede del browser, a condizione che le schede siano già aperte. Non è possibile copiare un elemento e quindi aprire una nuova scheda del browser per incollarlo.
-
Seleziona un componente nell’editor o nella struttura del contenuto.
-
È quindi possibile:
- Fai clic sull'icona Copia nel pannello proprietà.
- Selezionare l'opzione Copia nel menu di scelta rapida.
- Fai clic sull'icona Copia nel pannello proprietà.
-
Selezionare il componente dopo che si desidera incollare.
-
È quindi possibile:
- Tocca o fai clic su Incolla nel pannello delle proprietà.
- Selezionare Incolla nel menu di scelta rapida.
- Tocca o fai clic su Incolla nel pannello delle proprietà.
Il componente copiato viene incollato dopo il componente selezionato.
Command-C o Command-V rispettivamente per copiare o incollare.Anteprima del contenuto previewing-content
Quando hai finito di modificare il contenuto, spesso desideri navigare in esso per vedere come si presenta nel contenuto di altre pagine. In modalità anteprima puoi fare clic sui collegamenti per navigare nel contenuto come farebbe un lettore. Il contenuto viene riprodotto nell’editor così come verrebbe pubblicato.
In modalità anteprima, toccando o facendo clic sul contenuto si reagisce come se si trattasse di un normale lettore. Se si desidera selezionare il contenuto da modificare, uscire dalla modalità di anteprima .
Modifica dell’ereditarietà dei componenti inheritance
L’ereditarietà è il meccanismo in cui il contenuto può essere collegato in modo che la modifica di un elemento cambia automaticamente l’altro.
Utilizzando l’Editor universale, puoi annullare l’ereditarietà dei contenuti semplicemente aggiornandone il contenuto. L’editor disabilita automaticamente l’ereditarietà per tutte le modifiche apportate dagli autori sulla pagina, garantendo che il contenuto modificato venga mantenuto quando gli aggiornamenti vengono sincronizzati dalla blueprint.
Se l'estensione AEM Multi-Site-Management (MSM) è abilitata per il programma, sono disponibili opzioni aggiuntive sulla barra degli strumenti per visualizzare e modificare lo stato di ereditarietà di un singolo componente nell'editor universale.
Per ulteriori dettagli sul funzionamento dell'ereditarietà tramite l'Editor universale, vedere Ereditarietà contenuto nell'Editor universale.
Funzioni opzionali della barra degli strumenti toolbar-options
Ulteriori funzioni sono disponibili come estensioni di Universal Editor per facilitare l’ulteriore gestione di pagine e contenuti. Le estensioni devono essere abilitate nel programma da un amministratore prima di essere visibili come autore di contenuto nella barra degli strumenti di Universal Editor.
Ereditarietà inheritance-extension
L'estensione AEM Multi-Site-Management (MSM) visualizza lo stato di ereditarietà corrente del componente selezionato e consente di interrompere o ripristinare l'ereditarietà.
L'icona Ereditarietà installata nella barra degli strumenti di Universal Editor indica che l'ereditarietà è ancora attiva per il componente selezionato.
Tocca o fai clic sull’icona per interrompere l’ereditarietà del componente selezionato. L’ereditarietà viene interrotta automaticamente se si modifica il componente.
L'icona Ereditarietà interrotta indica che l'ereditarietà è stata interrotta per il componente selezionato.
Tocca o fai clic sull'icona per ripristinare l'ereditarietà per il componente selezionato. Per visualizzare il contenuto ereditato, ricarica la pagina per aggiornare il contenuto.
Per informazioni su come abilitare questa estensione, consulta la documentazione di Extension Manager.
Accesso alle proprietà di pagina page-properties
L'estensione AEM Page Properties consente di accedere rapidamente alla finestra Proprietà pagina per la pagina in corso di modifica.
Tocca o fai clic sull'icona Proprietà pagina nella barra degli strumenti di Universal Editor per aprire le proprietà della pagina in una nuova scheda del browser.
Per informazioni su come abilitare questa estensione, consulta la documentazione di Extension Manager.
Accedere alla console Sites sites-console
L'estensione AEM Site Admin consente di accedere rapidamente alla pagina in fase di modifica nella console Sites di AEM, consentendo di esplorare la struttura del sito o di eseguire azioni a livello di pagina nella console.
Tocca o fai clic sull’icona per aprire la console Sites in una nuova scheda del browser, per passare alla pagina attualmente nell’editor.
Per informazioni su come abilitare questa estensione, consulta la documentazione di Extension Manager.
Blocco e sblocco delle pagine locking-pages
L'estensione AEM Page Lock visualizza lo stato di blocco corrente della pagina nell'editor e consente di bloccare o sbloccare la pagina.
L'icona Sbloccato nella barra degli strumenti di Universal Editor indica che la pagina attualmente nell'editor non è bloccata.
Tocca o fai clic sull’icona per bloccare la pagina.
L'icona Bloccato nella barra degli strumenti di Universal Editor indica che la pagina attualmente nell'editor è bloccata. Passa il mouse sull’icona per visualizzare una descrizione comando che indica l’utente che ha bloccato la pagina.
Tocca o fai clic sull’icona per sbloccare la pagina se sei l’utente che l’ha bloccata.
Per informazioni su come abilitare questa estensione, consulta la documentazione di Extension Manager.
Flussi di lavoro workflows
L'estensione AEM Workflows ti consente di avviare un flusso di lavoro sulla pagina che si trova attualmente nell'editor.
Tocca o fai clic sull'icona Flussi di lavoro nella barra degli strumenti di Universal Editor per aprire il modale Avvia un flusso di lavoro. Nella finestra sono elencati i possibili contenuti a cui è possibile applicare un flusso di lavoro.
- Nel menu a discesa Modello flusso di lavoro, seleziona il flusso di lavoro da applicare.
- Fornisci una descrizione per il flusso di lavoro nel campo Name.
- Nell'elenco Contenuto da includere nel flusso di lavoro utilizzare le caselle di controllo per definire il contenuto da includere nel flusso di lavoro.
- Tocca o fai clic su Avvia flusso di lavoro per avviare il flusso di lavoro o su Chiudi per interromperlo.
Per informazioni su come abilitare questa estensione, consulta la documentazione di Extension Manager.
Accesso sviluppatore developer-login
L'estensione di accesso per sviluppatori AEM Universal Editor è utile per gli sviluppatori che sviluppano localmente, consentendo un modo pratico per eseguire l'autenticazione in un SDK AEM locale a scopo di test.
Tocca o fai clic sull'icona Accesso sviluppatore nella barra degli strumenti di Universal Editor per fornire le credenziali di accesso locali per accedere al tuo SDK AEM locale.
Per informazioni su come abilitare questa estensione, consulta la documentazione di Extension Manager.
Funzioni facoltative del pannello Proprietà properties-panel-options
Ulteriori funzioni sono disponibili come estensioni di Universal Editor per facilitare l’ulteriore gestione del contenuto della pagina. Queste estensioni devono essere abilitate nel programma da un amministratore prima di essere visibili come autore di contenuto nel pannello delle proprietà dell'editor universale.
Generare varianti generate-variations
L'estensione Genera varianti consente di utilizzare l'intelligenza artificiale generativa (AI) per creare varianti per il contenuto direttamente nel pannello delle proprietà.
Tocca o fai clic sull'icona Genera varianti nel pannello delle proprietà dell'editor universale per ricevere consigli e creare varianti. Per ulteriori dettagli sulla generazione delle varianti, consulta il documento Generate Variations - Integrated in AEM Editors.
Per informazioni su come abilitare questa estensione, consulta la documentazione di Extension Manager.
Risorse aggiuntive additional-resources
Per informazioni su come pubblicare contenuti con l’editor universale, consulta questo documento.
- Pubblicazione di contenuti con l’editor universale: scopri in che modo l’editor universale pubblica i contenuti e in che modo le app possono gestire i contenuti pubblicati.
Per ulteriori informazioni sui dettagli tecnici dell’editor universale, consulta questi documenti per gli sviluppatori.
- Introduzione all'editor universale: scopri come l'editor universale consente di modificare qualsiasi aspetto di qualsiasi contenuto in qualsiasi implementazione per offrire esperienze eccezionali e velocizzare la creazione dei contenuti.
- Guida introduttiva all’editor universale in AEM: scopri come accedere all’editor universale e come iniziare a instrumentare la prima app AEM per utilizzarla.
- Architettura dell’editor universale: scopri l’architettura dell’editor universale e il flusso di dati tra i suoi servizi e livelli.
- Attributi e tipi: scopri gli attributi e i tipi di dati richiesti dall’editor universale.
- Autenticazione dell’editor universale: scopri come l’editor universale effettua l’autenticazione.