L’Editor Rich Text è un componente di base per l’immissione di contenuto testuale nell’AEM. Costituisce la base di varie componenti, tra cui:
La finestra di dialogo di modifica WYSIWYG offre un’ampia gamma di funzionalità:
Le funzioni disponibili possono essere configurate per singoli progetti, pertanto potrebbero variare a seconda dell’installazione.
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.
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.
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 determina l’apertura di un nuovo Testo sotto il titolo.
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.
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.
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):
Mentre un formato viene applicato all’intero paragrafo di testo (un formato è basato su HTML ):
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:
Non riselezionare il testo a cui è stato applicato lo stile o l'icona verrà disattivata.
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 incolla 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).
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.
La cronologia viene mantenuta solo per la sessione di modifica corrente. Viene riavviato ogni volta che si apre il componente per la modifica.
Cinquanta è il numero predefinito di attività. Questo potrebbe essere diverso per l’installazione in uso.
Il testo può essere allineato a sinistra, al centro o a destra.
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.
È 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).
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:
www.TargetUri.org#AnchorName
#anchor
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:
È possibile creare un ancoraggio in qualsiasi punto del testo posizionando il cursore o selezionando del testo. Quindi fai clic sul pulsante Ancoraggio per aprire la finestra di dialogo.
Inserisci il nome dell’ancoraggio, quindi fai 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.
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.
Il Sostituisci consente di: Trova, quindi Sostituisci una singola istanza con il testo specificato, oppure Sostituisci tutto istanze nel componente corrente.
Le immagini possono essere trascinate da Content Finder per aggiungerle al testo.
L'AEM offre anche componenti specializzati per una configurazione dell'immagine più dettagliata. Ad esempio, Immagine e Immagine testo I componenti sono disponibili.
Il correttore ortografico controllerà tutto il testo nel componente corrente.
Eventuali errori ortografici verranno evidenziati:
Il correttore ortografico funziona nella lingua del sito Web utilizzando la proprietà language della sottostruttura o estraendo la lingua dall'URL. Ad esempio, en
la filiale sarà verificata per la lingua inglese e per de
filiale per il tedesco.
Le tabelle sono disponibili sia:
Come Tabella componente
Dall'interno del Testo componente
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:
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:
È 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 della cella e i relativi bordi.
Spaziatura celle: definisce la distanza tra le celle.
Alcune proprietà di cella, come Larghezza e Altezza, possono essere definite come pixel o come percentuali.
L’Adobe consiglia di definire una larghezza per la tabella.
È possibile configurare le proprietà di una cella specifica o di una serie di celle:
Le righe possono essere aggiunte sopra o sotto la riga corrente.
È inoltre possibile eliminare la riga corrente.
Le colonne possono essere aggiunte a sinistra o a destra della colonna corrente.
È inoltre possibile eliminare la colonna corrente.
Seleziona l'intera riga o colonna corrente. Sono quindi disponibili azioni specifiche (ad esempio, unione).
Selezionare una singola cella per dividerla:
La creazione di una tabella nidificata creerà una nuova tabella indipendente all'interno della cella corrente.
Alcuni comportamenti aggiuntivi dipendono dal browser:
Utilizza l’opzione per rimuovere la tabella dall’interno di Testo componente.
È 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.
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):
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.