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:
- Testo
- Testo e immagine
- Tabella
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 da Testo e Titolo componenti.
Funzioni dell’editor Rich Text features-of-the-rich-text-editor
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 basic-character-formats
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
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 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:
Taglia, Copia, Incolla cut-copy-paste
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 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:
- 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
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:
Ancoraggi anchors
È 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.
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
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.
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:
en la filiale sarà verificata per la lingua inglese e per de filiale per il tedesco.Tabelle tables
Le tabelle sono disponibili sia:
-
Come Tabella componente
-
Dall'interno del Testo componente
note note NOTE 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:
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:
-
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.
Proprietà cella cell-properties
È possibile configurare le proprietà di una cella specifica o di una serie di celle:
- 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 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
- 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 split-cells
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 creating-nested-tables
La creazione di una tabella nidificata crea una tabella indipendente all'interno della cella corrente.
- 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 remove-table
Utilizza l’opzione per rimuovere la tabella dall’interno di Testo componente.
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 origine 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):
