Editor Rich Text

L’editor Rich Text è un componente di base per l’inserimento di contenuti di testo in AEM. Costituisce l’elemento base di vari componenti, quali:

• Testo
• Testo e immagine
• Tabella

Editor Rich Text

La finestra di dialogo di modifica WYSIWYG fornisce un’ampia gamma di funzionalità:

Modifica diretta

Oltre all’editor Rich Text basato su una finestra di dialogo, in AEM è disponibile anche una modalità che consente di modificare direttamente il testo visualizzato nel layout della pagina.

Per passare alla modalità di modifica diretta, fai due volte clic su un paragrafo (doppio clic lento). Il bordo del componente diventa di colore arancione.

Ora è possibile modificare il testo direttamente nella pagina, anziché all’interno di una finestra di dialogo. Le modifiche apportate vengono salvate automaticamente.

La modalità di modifica diretta è attualmente abilitata per gli elementi della pagina generati dai componenti Testo e Titolo.

Funzioni nell’editor Rich Text

L'Editor Rich Text offre una serie di funzioni, che dipendono dalla configurazione del singolo componente. Le funzioni sono disponibili sia per l’interfaccia touch che per l’interfaccia classica.

Formati base dei caratteri

Questa finestra consente di formattare i caratteri selezionati (evidenziati). Alcune opzioni dispongono di tasti di scelta rapida:

• Grassetto (Ctrl+B)
• Corsivo (Ctrl+I)
• Sottolineato (Ctrl+U)
• Pedice
• Apice

Tutti i pulsanti attivano e disattivano la funzione, pertanto ripetendo la selezione si rimuove il formato.

Stili e formati predefiniti

Nell’applicazione installata possono essere inclusi stili e formati predefiniti, disponibili negli elenchi a discesa Stile e Formato e che possono essere applicati al testo selezionato.

Uno stile può essere applicato a una stringa specifica (lo stile è correlato ai CSS):

Un formato viene invece applicato all’intero paragrafo di testo (il formato è basato su HTML):

I formati specifici possono essere solo modificati (quello predefinito è Paragrafo).

Gli stili possono essere rimossi. A tale scopo, posiziona il cursore all’interno del testo a cui è stato applicato lo stile e fai clic sull’icona di rimozione:

Taglia, Copia, Incolla

Sono disponibili le funzioni standard Taglia e Copia. Il comando Incolla è disponibile in varie versioni, per consentire la gestione di formati diversi.

• Taglia (Ctrl+X)

• Copia (Ctrl+C)

• Incolla

  Questa è la forma predefinita del comando Incolla (Ctrl+V) per il componente. Subito dopo l’installazione, è configurato in modalità “Incolla da Word”.

• Incolla come testo

  Rimuove qualunque stile o formattazione e incolla solo il testo normale.

• Incolla da Word

  Incolla il contenuto in formato HTML (eseguendo le operazioni di riformattazione necessarie).

Annulla, Ripristina

In AEM vengono registrate le ultime 50 operazioni eseguite nel componente attuale, in ordine cronologico. Se necessario, tali operazioni possono essere annullate (e successivamente ripristinate) nell’ordine in cui sono state registrate.

Allineamento

Il testo può essere allineato a sinistra, al centro o a destra.

Rientro

È possibile aumentare o diminuire il rientro di un paragrafo. Il rientro viene applicato al paragrafo selezionato. Eventuale nuovo testo inserito mantiene il livello di rientro corrente.

Elenchi

All’interno del testo è possibile creare elenchi puntati e numerati. Seleziona il tipo di elenco e inizia a digitare oppure evidenzia il testo da convertire. In entrambi i casi, inserendo un carattere di avanzamento riga si crea una nuova voce di elenco.

È possibile creare elenchi nidificati applicando un rientro a una o più voci dell’elenco.

Per modificare lo stile di un elenco, posiziona il cursore all’interno dell’elenco e seleziona il nuovo stile. Dopo aver creato un sottoelenco (tramite un rientro), puoi applicarvi uno stile diverso da quello dell’elenco in cui si trova.

Collegamenti

Per generare un collegamento a un URL (all’interno o all’esterno del sito web), evidenzia il testo desiderato e fai clic sull’icona Collegamento ipertestuale:

Viene visualizzata una finestra di dialogo che consente di impostare l’URL di destinazione e specificare se la pagina corrispondente deve essere aperta in una nuova finestra.

Operazioni disponibili:

• Digitare l’URI direttamente
• Usare la mappa del sito per selezionare una pagina all’interno del sito Web
• immettete l’URI, quindi aggiungete l’ancoraggio di destinazione; ad esempio www.TargetUri.org#AnchorName
• immettere solo un ancoraggio (per fare riferimento alla "pagina corrente"); ad esempio #anchor
• Cercare una pagina in Content Finder, quindi trascinare l’icona della pagina nella finestra di dialogo Collegamento ipertestuale

Per interrompere il collegamento, posiziona il cursore all’interno del testo di collegamento e fai clic sull’icona Scollega:

Ancoraggi

Per creare un ancoraggio all’interno del testo, posiziona il cursore nel testo o seleziona parte del testo, quindi fai clic sull’icona Ancoraggio per aprire la finestra di dialogo corrispondente.

Inserisci il nome dell’ancoraggio e fai clic su OK per salvare.

L’ancoraggio viene visualizzato durante la modifica del componente e può essere utilizzato come destinazione per i collegamenti.

Cerca e sostituisci

In AEM sono disponibili le funzioni Trova e Sostituisci (ricerca e sostituzione).

Per entrambe è disponibile il pulsante Trova successivo, che consente di cercare il testo specificato nel componente aperto. È anche possibile specificare di distinguere tra maiuscole e minuscole.

La ricerca inizia sempre dalla posizione corrente del cursore all’interno del testo. Quando viene raggiunta la fine del componente, un messaggio segnala che la ricerca successiva verrà ripresa dall’inizio.

L’opzione Sostituisci consente di trovare e quindi sostituire una singola istanza con il testo specificato, oppure di sostituire tutte le istanze nel componente corrente.

Immagini

È possibile trascinare immagini da Content Finder per aggiungerle al testo.

Controllo ortografico

Il correttore ortografico controlla tutto il testo nel componente corrente.

Eventuali errori di ortografia vengono evidenziati:

Tabelle

Le tabelle sono disponibili:

• Come componente Tabella

  

• Internamente al componente Testo

  

  NOTA

  Anche se le tabelle sono disponibili nell'editor Rich Text, durante la creazione delle tabelle è consigliabile utilizzare il componente Table.

Sia nel componente Testo sia nel componente Tabella la funzionalità per le tabelle è disponibile dal menu di scelta rapida, in genere visualizzato facendo clic con il pulsante destro del mouse all’interno di una tabella, ad esempio:

Le funzioni specifiche delle tabelle sono:

Proprietà tabella

Prima di fare clic su OK per salvare, è possibile configurare le proprietà di base della tabella:

• Larghezza

  Larghezza totale della tabella.

• Altezza

  Altezza totale della tabella.

• Bordo

  Dimensione del bordo della tabella.

• Margine celle

  Definisce la quantità di spazio vuoto tra il contenuto di una cella e i relativi bordi.

• Spaziatura celle

  Definisce la distanza tra le celle.

Proprietà cella

Per una cella o serie di celle specifiche è possibile configurare le seguenti proprietà:

• Larghezza
• Altezza
• Allineamento orizzontale - A sinistra, Centro o A destra
• Allineamento verticale - In alto, In mezzo, In basso o Linea di base
• Tipo di cella - Dati o Intestazione
• Applica a:
  • Cella singola
  • Riga intera
  • Colonna intera

Aggiungi/Elimina righe

Le righe possono essere aggiunte sopra o sotto la riga corrente.

È inoltre possibile eliminare la riga corrente.

Aggiungi/Elimina colonne

Le colonne possono essere aggiunte a destra o a sinistra della colonna corrente.

È inoltre possibile eliminare la colonna corrente.

Selezione di righe o colonne intere

Consente di selezionare l’intera riga o colonna corrente per eseguire operazioni specifiche, ad esempio l’unione.

Unisci celle

• Se è selezionato un gruppo di celle, è possibile unirle in modo da formare una singola cella.
• Se è selezionata una sola cella, è possibile unirla con la cella a destra o con quella sotto.

Dividi celle

Consente di selezionare una singola cella per dividerla:

• Se si divide la cella in orizzontale, nella colonna corrente viene generata una nuova cella a destra di quella attuale.
• Se si divide la cella in verticale, nella riga corrente viene generata una nuova cella sotto quella attuale.

Creazione di tabelle nidificate

Quando si crea una tabella nidificata, viene creata una nuova tabella indipendente nella cella corrente.

Rimuovi tabella

Rimuove la tabella dal componente Testo.

Caratteri speciali

Nell’editor Rich Text è possibile rendere disponibili alcuni caratteri speciali, a seconda dell’installazione in uso.

Sposta il mouse su un carattere per visualizzarne una versione ingrandita, quindi fai clic su di esso per inserirlo nella posizione corrente all’interno del testo.

Modalità di modifica dell’origine

La modalità di modifica dell’origine consente di visualizzare e modificare il codice HTML sottostante al componente.

Ad esempio, il testo:

avrà l’aspetto seguente nella modalità di modifica dell’origine (l’origine è spesso più lunga, pertanto sarà necessario scorrere la pagina):

Risorse Business.Adobe.com

Multichannel Communication Content Insights Auto Form Fill Targeted Content Mobile Forms Content As A Service