Editor Rich Text

Ultimo aggiornamento: 2023-12-04

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

  • Testo
  • Testo e immagine
  • Tabella

Editor Rich Text

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

cq55_rte_basicchars

NOTA

Le funzioni disponibili possono essere configurate per singoli progetti, pertanto potrebbero variare a seconda dell’installazione.

Modifica diretta

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.

cq55_rte_inlineediting

NOTA

Se il Finder del contenuto è aperto, nella parte superiore della scheda (come sopra) viene visualizzata una barra degli strumenti con le opzioni di formattazione dell’Editor Rich Text.

Se Content Finder non è aperto, la barra degli strumenti non viene visualizzata.

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

NOTA

Il Titolo Il componente è progettato per contenere un testo breve senza interruzioni di riga. Quando si modifica un titolo in modalità di modifica locale, l’immissione di un’interruzione di riga apre una nuova pagina Testo sotto il titolo.

Funzioni dell’editor Rich Text

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

Formati di caratteri di base

Barra degli strumenti Formato carattere

Qui puoi 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

cq55_rte_basicchars_use

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

Stili e formati predefiniti

cq55_rte_stylesparagrafo

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

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

cq55_rte_styles_use

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

cq55_rte_Paragraph_use

Un formato specifico può essere solo modificato (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:

ATTENZIONE

Non riselezionare il testo a cui è stato applicato lo stile o l'icona verrà disattivata.

Taglia, Copia, Incolla

Barra degli strumenti Taglia, Copia e Incolla

Le funzioni standard di Taglia e Copia sono disponibili. Diversi gusti di Incolla sono fornite per soddisfare diversi formati.

  • Taglia (Ctrl-X)

  • Copia (Ctrl-C)

  • Incolla Questo è il meccanismo di incollamento predefinito (Ctrl-V) per il componente; se installato come preconfigurato, è configurato per essere Incolla da Word.

  • Incolla come testo: elimina tutti gli stili e la formattazione per incollare solo il testo normale.

  • Incolla da Word: in questo modo il contenuto viene incollato come HTML (con la necessaria riformattazione).

Annulla, Ripristina

Annulla, Ripeti barra degli strumenti

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.

ATTENZIONE

La cronologia viene mantenuta solo per la sessione di modifica corrente. Viene riavviato ogni volta che si apre il componente per la modifica.

NOTA

Cinquanta è il numero predefinito di attività. Questo potrebbe essere diverso per l’installazione in uso.

Allineamento

Barra degli strumenti Allineamento

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

cq55_rte_alignment_use

Rientro

Barra degli strumenti Rientro

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.

cq55_rte_dent_use

Elenchi

Barra degli strumenti Elenchi

È 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).

cq55_rte_LISTS_use

Barra degli strumenti Collegamenti

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:

Icona Collegamento ipertestuale

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

cq55_rte_link_use

Operazioni disponibili:

  • Digitare direttamente un URI
  • Utilizza la mappa del sito per selezionare una pagina all’interno del sito web
  • Inserisci l’URI, quindi aggiungi l’ancoraggio di destinazione; ad esempio, www.TargetUri.org#AnchorName
  • Inserisci solo un ancoraggio (per fare riferimento alla "pagina corrente"); ad esempio, #anchor
  • Cerca una pagina nel Finder dei contenuti, quindi trascina l’icona della pagina nella finestra di dialogo Collegamento ipertestuale
NOTA

All'URI può essere aggiunto uno qualsiasi dei protocolli configurati per l'installazione. In un'installazione standard, questi sono https://, ftp://, e mailto:. I protocolli non configurati per l'installazione verranno rifiutati e contrassegnati come non validi.

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

Icona Scollega

Ancoraggi

Barra degli strumenti Ancoraggi

È possibile creare un ancoraggio in qualsiasi punto del testo posizionando il cursore o selezionando del testo. Quindi fai clic su Ancoraggio per aprire la finestra di dialogo.

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

cq55_rte_anchor_use

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

chlimage_1-104

Trova e sostituisci

Barra degli strumenti Trova e sostituisci

L'AEM fornisce sia Trova e un Sostituisci (Trova e sostituisci).

Entrambi hanno un 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.

cq55_rte_find_use

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

cq55_rte_findreplace_use

Immagini

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

cq55_rte_image_use

NOTA

L'AEM offre anche componenti specializzati per una configurazione dell'immagine più dettagliata. Ad esempio, il Immagine e Immagine testo I componenti sono disponibili.

Controllo ortografia

Controllo ortografia

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

Eventuali errori ortografici verranno evidenziati:

cq55_rte_spellchecker_use

NOTA

Il correttore ortografico funziona nella lingua del sito Web utilizzando la proprietà language della sottostruttura o estraendo la lingua dall'URL. Ad esempio, il en la filiale sarà verificata per la lingua inglese e per de filiale per il tedesco.

Tabelle

Le tabelle sono disponibili sia:

  • Come Tabella componente

    Componente tabella

  • Dall'interno del Testo componente

    Barra degli strumenti Testo

    NOTA

    Sebbene nell’editor Rich Text siano disponibili tabelle, si consiglia di utilizzare Tabella durante la creazione di tabelle.

In entrambi i Testo e Tabella la funzionalità per la tabella dei componenti è disponibile tramite il menu di scelta rapida (in genere con il pulsante destro del mouse), facendo clic all’interno della tabella, ad esempio:

cq55_rte_table

NOTA

In Tabella è disponibile anche un componente, una barra degli strumenti specializzata, che include diverse funzioni standard dell’editor Rich Text e un sottoinsieme delle funzioni specifiche della tabella.

Le funzioni specifiche della tabella sono:

Proprietà tabella

cq55_rte_tableproperties_icon

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

cq55_rte_tableproperties_dialog

  • 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 della cella e i relativi bordi.

  • Spaziatura celle: definisce la distanza tra le celle.

NOTA

Alcune proprietà di cella, come Larghezza e Altezza, possono essere definite come pixel o come percentuali.

ATTENZIONE

L’Adobe consiglia di definire una larghezza per la tabella.

Proprietà cella

cq55_rte_cellproperties_icon

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

cq55_rte_cellproperties_dialog

  • Larghezza
  • Altezza
  • Allineamento orizzontale - A sinistra, al centro o a destra
  • Allineamento verticale - Superiore, centrale, inferiore o linea di base
  • Tipo di cella- Dati o intestazione
  • Applica a: Cella singola, riga intera, colonna intera

Aggiungi o elimina righe

cq55_rte_rows

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

È inoltre possibile eliminare la riga corrente.

Aggiungi o elimina colonne

cq55_rte_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

chlimage_1-106

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

Unisci celle

cq55_rte_cellmerge cq55_rte_cellmerge-1

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

Dividi celle

cq55_rte_cellsplit

Selezionare una singola cella per dividerla:

  • La divisione orizzontale di una cella genera una nuova cella a destra della cella corrente, all'interno della colonna corrente.
  • La divisione verticale di una cella genera una nuova cella al di sotto della cella corrente, ma all'interno della riga corrente.

Creazione di tabelle nidificate

chlimage_1-107

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

NOTA

Alcuni comportamenti aggiuntivi dipendono dal browser:

  • Windows IE: utilizzare Ctrl+pulsante principale del mouse-clic (in genere a sinistra) per selezionare più celle.
  • Firefox: trascina il puntatore per selezionare un intervallo di celle.

Rimuovi tabella

cq55_rte_removetable

Utilizza l’opzione per rimuovere la tabella dall’interno di Testo componente.

Caratteri speciali

Barra degli strumenti Caratteri speciali

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

cq55_rte_specialchars_use

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 origine

Barra degli strumenti della modalità di modifica origine

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

Quindi il testo:

cq55_rte_sourcemode_1

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

cq55_rte_sourcemode_2

ATTENZIONE

Quando si esce dalla modalità sorgente, l’AEM esegue alcuni controlli di convalida (ad esempio, per verificare che il testo sia contenuto correttamente o nidificato in blocchi). Questo può comportare modifiche alle tue modifiche.

In questa pagina