Editor Rich Text

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

• Testo
• Testo e immagine
• Tabella

Editor Rich Text

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

Modifica diretta

Oltre alla modalità di modifica Rich Text basata su finestra di dialogo, AEM fornisce anche la modalità di modifica diretta, che consente di modificare direttamente il testo visualizzato nel layout della pagina.

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

È possibile modificare direttamente il testo sulla pagina, anziché all’interno di una finestra di dialogo. È sufficiente apportare le modifiche e verranno salvate automaticamente.

Attualmente, la modalità di modifica locale è abilitata per gli elementi di pagina generati da Testo e Titolo componenti.

Funzioni dell’Editor Rich Text

L’Editor Rich Text fornisce una serie di funzioni: dipende dalla configurazione del singolo componente. Le funzioni sono disponibili sia per l’interfaccia touch che per quella classica.

Formati di carattere di base

Consente di applicare la formattazione ai caratteri selezionati (evidenziati); alcune opzioni dispongono anche di tasti di scelta rapida:

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

Tutti funzionano come un interruttore, quindi la riselezione rimuoverà il formato.

Stili e formati predefiniti

L’installazione può includere stili e formati predefiniti. Sono disponibili con Stile e Formato elenchi a discesa e 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 (un formato è basato su HTML):

È possibile modificare solo un formato specifico (il formato predefinito è Paragrafo).

È possibile rimuovere uno stile; posizionare il cursore all’interno del testo a cui è stato applicato lo stile e fare clic sull’icona di rimozione:

Taglia, Copia, Incolla

Le funzioni standard di Taglia e Copia sono disponibili. Vari sapori di Incolla sono forniti per soddisfare i diversi formati.

• Taglia (Ctrl-X)

• Copia (Ctrl+C)

• Incolla

  Questo è il meccanismo di incolla predefinito (Ctrl+V) per il componente; quando installato out-of-the-box, è configurato come "Incolla da Word".

• Incolla testo semplice

  Elimina tutti gli stili e la formattazione per incollare solo il testo normale.

• Incolla da Word

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

Annulla, Ripristina

AEM registra le ultime 50 azioni eseguite nel componente corrente, in ordine cronologico. Se necessario, queste azioni possono essere annullate (e successivamente ripristinate) in ordine preciso.

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. Selezionare il tipo di elenco e iniziare a digitare oppure evidenziare il testo da convertire. In entrambi i casi, un feed di riga avvierà una nuova voce dell’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 l’altro stile. Un sottoelenco può avere anche uno stile diverso da quello dell’elenco che lo contiene. Questo può essere applicato una volta creato il sottoelenco (tramite rientro).

Collegamenti

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

Una finestra di dialogo consente di specificare l’URL di destinazione; anche se deve essere aperto in una nuova finestra.

Operazioni disponibili:

• Digitare un URI direttamente
• utilizza la mappa del sito per selezionare una pagina all’interno del sito web
• immetti l’URI, quindi aggiungi l’ancoraggio di destinazione; ad esempio www.TargetUri.org#AnchorName
• immettere solo un ancoraggio (per fare riferimento alla pagina corrente); ad esempio #anchor
• cerca una pagina in Content Finder, quindi trascina e rilascia l’icona della pagina nella finestra di dialogo Collegamento ipertestuale

Per interrompere il collegamento, posizionate il cursore all’interno del testo di collegamento e fate clic sul pulsante Scollega icona:

Ancoraggi

Per creare un ancoraggio all’interno del testo, posizionate il cursore nel testo o selezionate parte del testo. Quindi fai clic sul pulsante Ancoraggio per aprire la finestra di dialogo.

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

L’ancoraggio viene visualizzato quando il componente viene modificato e può essere utilizzato all’interno di una destinazione per i collegamenti.

Trova e sostituisci

AEM fornisce entrambe Trova e Sostituisci (trova e sostituisci).

Entrambi hanno un Trova successivo per cercare il testo specificato nel componente aperto. È inoltre possibile specificare la corrispondenza tra maiuscole e minuscole.

La ricerca inizia sempre dalla posizione corrente del cursore all’interno del testo. Una volta raggiunta la fine del componente, viene visualizzato un messaggio per informare l’utente che l’operazione di ricerca successiva inizierà dall’alto.

La Sostituisci consente di: Trova, quindi Sostituisci una singola istanza con il testo specificato, oppure Sostituisci tutto nel componente corrente.

Immagini

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

Controllo ortografia

Il correttore ortografico controlla tutto il testo nel componente corrente.

Eventuali errori di ortografia vengono evidenziati:

Tabelle

Le tabelle sono disponibili:

• Come Tabella component

  

• Da all’interno di Testo component

  

  NOTA

  Anche se le tabelle sono disponibili nell’editor Rich Text, si consiglia di utilizzare la variabile Tabella durante la creazione di tabelle.

In entrambi i casi Testo e Tabella la funzionalità della tabella dei componenti è disponibile tramite il menu di scelta rapida, solitamente il pulsante destro del mouse, selezionato all’interno della tabella; ad esempio:

Le funzioni specifiche della tabella sono:

Proprietà tabella

È possibile configurare le proprietà di base della tabella prima di fare clic su OK per salvare:

• Larghezza

  Larghezza totale della tabella.

• Altezza

  Altezza totale della tabella.

• Bordo

  Dimensione del bordo della tabella.

• Margine celle

  Definisce lo spazio vuoto tra il contenuto di una cella e i relativi bordi.

• Spaziatura celle

  Definisce la distanza tra le celle.

Proprietà cella

È possibile configurare le proprietà di una cella o di una serie di celle specifiche:

• 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 sinistra o a destra della colonna corrente.

È inoltre possibile eliminare la colonna corrente.

Selezione di righe o colonne intere

Seleziona l’intera riga o colonna corrente. Sono quindi disponibili azioni specifiche (ad esempio l’unione).

Unisci celle

• Se è stato selezionato un gruppo di celle, è possibile unirle in un unico gruppo.
• Se è selezionata una sola cella, è possibile unirla con la cella a destra o sotto.

Dividi celle

Selezionare una singola cella per dividerla:

• Se si divide una cella in orizzontale, viene generata una nuova cella a destra della cella corrente, all’interno della colonna corrente.
• Se si divide una cella in verticale, viene generata una nuova cella sotto la cella corrente, ma all’interno della riga corrente.

Creazione di tabelle nidificate

La creazione di una tabella nidificata creerà una nuova tabella indipendente all’interno della cella corrente.

Rimuovi tabella

In questo modo la tabella verrà rimossa dall’interno della Testo componente.

Caratteri speciali

È possibile rendere disponibili caratteri speciali all’editor Rich Text; possono variare a seconda dell’installazione.

Passa il mouse per visualizzare una versione ingrandita del carattere, quindi fai clic per includerlo nella posizione corrente nel testo.

Modalità di modifica sorgente

La modalità di modifica sorgente consente di visualizzare e modificare il HTML sottostante del componente.

Ecco il testo:

avrà l’aspetto seguente nella modalità sorgente (spesso l’origine è molto più lunga, quindi dovrai scorrere):