Editor Rich Text rich-text-editor

L’Editor Rich Text è un componente di base per l’immissione di contenuto testuale nell’AEM. Costituisce la base di varie componenti, tra cui:

Editor Rich Text rich-text-editor-1

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

Modifica diretta in-place-editing

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

Fai clic due volte su un paragrafo (con un doppio clic lento) per passare alla modalità di modifica diretta (il bordo del componente sarà ora arancione).

Potrai modificare direttamente il testo sulla pagina, anziché all’interno di una finestra di dialogo. Apporta le modifiche e verranno salvate automaticamente.

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

Funzioni dell’editor Rich Text features-of-the-rich-text-editor

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

Formati di caratteri di base basic-character-formats

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

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

Stili e formati predefiniti predefined-styles-and-formats

L'installazione può includere stili e formati predefiniti. Questi sono disponibili con gli elenchi a discesa Stile e Formato e possono essere applicati al testo selezionato.

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

Mentre un formato viene applicato all’intero paragrafo di testo (un formato è basato su HTML ):

È possibile modificare solo un formato specifico (il valore 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 cut-copy-paste

Sono disponibili le funzioni standard di Taglia e Copia. Sono disponibili diverse versioni di Incolla per gestire formati diversi.

Annulla, Ripristina undo-redo

L’AEM tiene un registro delle ultime 50 azioni eseguite nel componente corrente, in ordine cronologico. Se necessario, queste azioni possono essere annullate (e quindi ripristinate) in ordine rigoroso.

Allineamento alignment

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

Rientro indentation

Il rientro di un paragrafo può essere aumentato o diminuito. Il paragrafo selezionato verrà rientrato; il nuovo testo inserito manterrà il livello di rientro corrente.

Elenchi lists

È possibile creare elenchi puntati e numerati all'interno del testo. Selezionare il tipo di elenco e iniziare a digitare o evidenziare il testo da convertire. In entrambi i casi, un feed di riga avvierà una nuova voce di elenco.

È possibile ottenere elenchi nidificati applicando un rientro a una o più voci di elenco.

Lo stile di un elenco può essere modificato semplicemente posizionando il cursore all’interno dell’elenco e selezionando l’altro stile. Un sottoelenco può avere anche uno stile diverso rispetto all'elenco che lo contiene. Questa opzione può essere applicata una volta creato il sottoelenco (per rientro).

Collegamenti links

Un collegamento a un URL (all’interno del sito web o una posizione esterna) viene generato evidenziando il testo richiesto e facendo clic sull’icona del collegamento ipertestuale:

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

Operazioni disponibili:

Per interrompere il collegamento, posizionare il cursore in un punto qualsiasi del testo del collegamento e fare clic sull'icona Scollega:

Ancoraggi anchors

È possibile creare un ancoraggio in qualsiasi punto del testo posizionando il cursore o selezionando del testo. Fai clic sull'icona Ancoraggio per aprire la finestra di dialogo.

Immettere il nome dell'ancoraggio, quindi fare clic su OK per salvare.

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

Trova e sostituisci find-and-replace

AEM fornisce sia una funzione Trova che una funzione Sostituisci (trova e sostituisci).

Entrambi dispongono di un pulsante Trova successivo per cercare nel componente aperto il testo specificato. Puoi anche specificare se deve esistere una corrispondenza tra maiuscole e minuscole.

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

L'opzione Sostituisci consente di Trovare, quindi Sostituire una singola istanza con il testo specificato o di Sostituire tutte le istanze nel componente corrente.

Immagini images

Le immagini possono essere trascinate da Content Finder per aggiungerle al testo.

Controllo ortografia spelling-checker

Il correttore ortografico controllerà tutto il testo nel componente corrente.

Eventuali errori ortografici verranno evidenziati:

Tabelle tables

Le tabelle sono disponibili sia:

Sia nella tabella dei componenti Text che nella Table la funzionalità tabella è disponibile tramite il menu di scelta rapida, in genere il pulsante destro del mouse, su cui è stato fatto clic all'interno della tabella, ad esempio:

Le funzioni specifiche della tabella sono:

Proprietà tabella table-properties

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

Proprietà cella cell-properties

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

Aggiungi o elimina righe add-or-delete-rows

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

È inoltre possibile eliminare la riga corrente.

Aggiungi o elimina colonne add-or-delete-columns

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 selecting-entire-rows-or-columns

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

Unisci celle merge-cells

Dividi celle split-cells

Selezionare una singola cella per dividerla:

Creazione di tabelle nidificate creating-nested-tables

La creazione di una tabella nidificata crea una tabella indipendente all'interno della cella corrente.

Rimuovi tabella remove-table

Utilizza l'opzione per rimuovere la tabella dal componente Testo.

Caratteri speciali special-characters

È possibile rendere disponibili caratteri speciali per l’editor Rich Text, che possono variare a seconda dell’installazione.

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

Modalità di modifica Source source-editing-mode

La modalità di modifica della sorgente consente di visualizzare e modificare le HTML sottostanti del componente.

Quindi il testo:

Si presenta come segue in modalità sorgente (spesso la sorgente è molto più lunga, quindi è necessario scorrere):