Componente Testo text-component
Il componente core Testo è un componente per la modifica e la composizione di testo RTF che supporta la modifica diretta.
Utilizzo usage
Il componente Testo offre un efficiente editor RTF che consente di modificare facilmente il testo in un editor semplificato in linea e in formato a schermo intero.
La finestra di dialogo per modifica offre funzioni di modifica in linea con opzioni limitate. Le funzionalità complete sono disponibili nella finestra di dialogo per modifica a schermo intero. La finestra di dialogo per progettazione consente di configurare le opzioni di formattazione del testo, come intestazioni, caratteri speciali e stili di paragrafo, per il modello utilizzabile dall’autore di contenuto.
Versione e compatibilità version-and-compatibility
La versione corrente del componente Testo è la v2, introdotta con la versione 2.0.0 dei Componenti core a gennaio 2018, ed è quella descritta in questo documento.
La tabella che segue descrive tutte le versioni supportate del componente, le versioni di AEM con cui le versioni del componente sono compatibili e i collegamenti alla documentazione delle versioni precedenti.
Per ulteriori informazioni sulle versioni e sugli aggiornamenti dei Componenti core, vedi il documento Versioni dei Componenti core.
Esempio di output del componente sample-component-output
Per avere un’idea del componente Testo e vedere esempi delle opzioni di configurazione e dell’output HTML e JSON, visita la libreria dei componenti.
Dettagli tecnici technical-details
La documentazione tecnica più recente sul componente Testo è disponibile su GitHub.
Per ulteriori informazioni sullo sviluppo di Componenti core, vedi la documentazione per gli sviluppatori di Componenti core.
Il componente Testo e l’editor RTF the-text-component-and-the-rich-text-editor
Il componente core Testo utilizza l’editor Rich Text di AEM. L’editor Rich Text offre agli autori di contenuto un’ampia gamma di funzionalità per modificare il contenuto di testo. L’editor Rich Text è molto flessibile nella sua configurazione e offre diverse opzioni. Ulteriori dettagli sulla configurazione dell’editor Rich Text sono disponibili negli articoli Configurazione dell’editor Rich Text e Configurazione dei plug-in dell’editor Rich Text.
Il resto di questo articolo illustra la configurazione standard del componente core Testo con la configurazione standard dell’editor Rich Text.
Finestra di dialogo per modifica edit-dialog
La finestra di dialogo per modifica offre gli strumenti di formattazione RTF standard per la composizione del testo.
Grassetto
Consente di applicare il grassetto al testo selezionato o al testo immesso dopo il cursore.
Ctrl+B può essere utilizzato come scelta rapida da tastiera.
Corsivo
Consente di applicare il corsivo al testo selezionato o al testo immesso dopo il cursore.
Ctrl+I può essere utilizzato come scelta rapida da tastiera.
Sottolineato
Consente di applicare la sottolineatura al testo selezionato o al testo immesso dopo il cursore.
Ctrl+U può essere utilizzato come scelta rapida da tastiera.
Pedice
Consente di formattare come pedice il testo selezionato o il testo immesso dopo il cursore.
Apice
Consente di formattare come apice il testo selezionato o il testo immesso dopo il cursore.
Incolla testo semplice
Incolla tutto il testo copiato come testo normale senza alcuna formattazione.
Quando si seleziona questa opzione, viene visualizzata una finestra in cui il testo copiato può essere incollato come testo normale senza formattazione in anteprima, prima di essere effettivamente inserito nel testo. Per accettare, tocca o fai clic sul segno di spunta, per annullare tocca o fai clic sulla x.
Incolla da Word
Quando si seleziona questa opzione, viene visualizzata una finestra in cui il testo copiato può essere incollato con la formattazione originale in anteprima, prima di essere effettivamente inserito nel testo. Per accettare, tocca o fai clic sul segno di spunta, per annullare tocca o fai clic sulla x.
Collegamento ipertestuale
Questa opzione consente di convertire il testo selezionato in un collegamento ipertestuale o modificare un collegamento già definito. Questa opzione è attiva solo quando il testo è già selezionato e apre una finestra con opzioni aggiuntive per l’impostazione del collegamento.
-
Immettere il percorso
- La finestra di dialogo per selezione consente di scegliere un percorso in AEM
- Se il collegamento non è in AEM, utilizza l’URL assoluto
- I percorsi non assoluti vengono interpretati come relativi ad AEM
-
Immetti un testo descrittivo alternativo per il collegamento
-
Seleziona il comportamento del collegamento
- Destinazione
- Stessa scheda
- Nuova scheda
- Frame principale
- Frame superiore
Tocca o fai clic sul segno di spunta per applicare il collegamento o sulla x per annullare.
Scollega
Questa opzione consente di rimuovere un collegamento già applicato al testo selezionato. Questa opzione è attiva solo se è già selezionato un collegamento.
Trova
Questa opzione consente di cercare nel testo l’occorrenza di una stringa di testo specificata. Selezionando questa opzione, si apre una finestra per specificare le opzioni di ricerca.
Inserisci il testo da cercare e tocca o fai clic su Trova per iniziare la ricerca. Tocca o fai clic sulla x per annullare.
Se vuoi avere una corrispondenza esatta di maiuscole/minuscole, seleziona l’opzione Rispetta maiuscole/minuscole prima di avviare la ricerca.
Se viene trovata una corrispondenza, questa viene evidenziata e la finestra di dialogo di ricerca viene sfumata. Tocca o fai di nuovo clic sul pulsante Trova nella finestra di dialogo sfumata per cercare l’occorrenza successiva.
Se non vengono trovate altre occorrenze, viene visualizzato un messaggio e la ricerca riparte dall’inizio del testo.
Sostituisci
Questa opzione consente di cercare nel testo le occorrenze di una stringa di testo specificata e sostituire le corrispondenze con un’altra stringa. Selezionando questa opzione si apre una finestra per specificare le opzioni di ricerca e sostituzione.
Immettere il testo da cercare e il testo con cui deve essere sostituito.
- Tocca o fai clic su Trova per iniziare la ricerca. Tocca o fai clic sulla x per annullare.
- Se vuoi avere una corrispondenza esatta di maiuscole/minuscole, seleziona l’opzione Rispetta maiuscole/minuscole prima di avviare la ricerca.
- Seleziona Sostituisci tutto per sostituire tutte le occorrenze del testo contemporaneamente.
Se viene trovata una corrispondenza, questa viene evidenziata e la finestra di dialogo di ricerca viene sfumata. Fai nuovamente clic sul pulsante Trova nella finestra di dialogo sfumata per cercare l’occorrenza successiva oppure seleziona il pulsante Sostituisci per sostituire il testo evidenziato. Il pulsante Sostituisci è attivo solo una volta trovata una corrispondenza.
La finestra di dialogo Trova e sostituisci diventa trasparente quando si fa clic su Trova e diventa opaca quando si fa clic su Sostituisci. Ciò consente all’autore di rivedere il testo che verrà sostituito.
Allineato a sinistra
Consente di allineare il testo al margine sinistro.
Centrato
Consente di centrare il testo.
Allineato a destra
Consente di allineare il testo al margine destro.
Punto elenco
Consente di formattare il testo selezionato come elenco puntato o di iniziare l’inserimento di un elenco puntato dopo il cursore.
Per terminare un elenco puntato, tocca o fai clic nuovamente sul pulsante Punto elenco oppure immetti due ritorni a capo.
Numero
Consente di formattare il testo selezionato come elenco numerato o di iniziare l’inserimento di un elenco numerato dopo il cursore.
Per terminare un elenco numerato, tocca o fai clic nuovamente sul pulsante Numero oppure immetti due ritorni a capo.
Riduci rientro
Consente di ridurre il livello di rientro del testo selezionato o del testo immesso dopo il cursore.
L’opzione è attiva solo se il testo selezionato o la posizione del cursore è già rientrata.
Rientro
Consente di aumentare il livello di rientro del testo selezionato o del testo immesso dopo il cursore.
Tabella
Consente di inserire una tabella nel testo. Selezionando questa opzione si apre una finestra per specificare i dettagli della tabella.
-
Colonne: il numero di colonne della tabella (obbligatorio)
-
Righe: il numero di righe della tabella (obbligatorio)
-
Larghezza: la larghezza della tabella
-
Altezza: l’altezza della tabella
-
Margine celle: lo spazio intorno al contenuto della cella
-
Spaziatura celle: lo spazio tra le celle
-
Bordo: lo spessore delle linee dei bordi della tabella
-
Per l’intestazione della tabella:
- Utilizza la prima riga
- Utilizza la prima colonna
- Utilizza la prima riga e la prima colonna
- In alternativa, non utilizzare alcuna intestazione
-
-
Didascalia: la didascalia della tabella
Controllo ortografico
Consente di verificare l’ortografia del testo. Eventuali errori di ortografia appaiono sottolineati con linee tratteggiate rosse.
Ulteriori dettagli sul controllo ortografico e sulla personalizzazione dei dizionari del controllo ortografico sono disponibili nel documento Configurazione dei plug-in dell’editor RTF.
Caratteri speciali special-characters
Consente di inserire caratteri speciali nel testo. Selezionando questa opzione si apre una finestra in cui vengono visualizzati i caratteri disponibili.
Tocca o fai clic sul carattere desiderato per inserirlo nel testo dopo il cursore. Si possono inserire più caratteri. Tocca o fai clic sulla x per chiudere la finestra per selezione.
Modifica origine
Consente di visualizzare e modificare l’origine HTML del testo.
Per modificare il testo dalla vista formattata, tocca o fai clic sull’icona Modifica origine per visualizzare il codice HTML. In questa modalità, tutte le altre opzioni di formattazione sono disabilitate. Tocca o fai clic di nuovo sull’icona Modifica origine per tornare alla vista formattata.
Formato paragrafo
Consente di formattare come paragrafo il testo selezionato o il testo inserito dopo il cursore. Selezionando questa opzione si apre un menu a discesa dal quale si può selezionare il formato del paragrafo.
Modifica in linea in-line-editing
Il componente Testo può essere modificato anche in linea, ma in questo caso, a causa di limitazioni di spazio, non tutte le opzioni di formattazione sono disponibili. Per visualizzare tutte le opzioni, passa alla modalità a schermo intero.
Impostazione di un ID setting-id
Questa opzione consente di controllare l’identificatore univoco del componente nel codice HTML e nel livello dati.
- Se non specificato, viene generato automaticamente un ID univoco reperibile sulla pagina risultante.
- Se l’ID viene specificato, è responsabilità dell’autore accertarsi che sia univoco.
- La modifica dell’ID può avere un impatto sul tracciamento di CSS, JS e Data Layer.
Finestra di dialogo per progettazione design-dialog
La finestra di dialogo per progettazione consente all’autore del modello di definire le opzioni di formattazione del testo disponibili per gli autori dii contenuto.
Scheda Plug-in plugins-tab
La scheda Plug-in viene utilizzata per abilitare e disabilitare varie opzioni di formattazione del testo disponibili per gli autori di contenuto.
Funzioni features
Le seguenti funzioni possono essere attivate o disattivate per il componente.
- Incolla testo semplice
- Incolla da Word
- Trova e sostituisci
- Controllo ortografico
- Opzioni di modifica per le immagini inserite
- Modifica origine HTML
Formattazione formatting
Per il componente è possibile attivare o disattivare le seguenti opzioni di formattazione.
- Tabella
- Elenchi (punto elenco, numero, rientro, riduci rientro)
- Allineamento (a sinistra, a destra, centrato)
- Grassetto, corsivo, sottolineato
- Collegamento (e scollegamento)
- Apice/pedice
Stili paragrafo paragraph-styles
Gli stili di paragrafo possono essere attivati o disattivati per il componente. Quando l’opzione è attivata, è possibile definire i formati consentiti.
- Tocca o fai clic sul pulsante Aggiungi per inserire un nuovo stile.
- Immetti il codice dello stile e una descrizione da visualizzare nella finestra di dialogo per modifica.
- Per rimuovere uno stile, tocca o fai clic sul pulsante Elimina.
- Per cambiare l’ordine dei formati, tocca o fai clic e trascina le maniglie.
Caratteri speciali configuring-special-characters
L’opzione per l’inserimento di caratteri speciali può essere attivata o disattivata per il componente. Quando è attivata, è possibile definire i caratteri consentiti.
- Tocca o fai clic sul pulsante Aggiungi per inserire un nuovo carattere.
- Immetti il codice HTML del carattere e una descrizione da visualizzare nella finestra di dialogo per modifica.
- Per rimuovere un carattere, tocca o fai clic sul pulsante Elimina.
- Per cambiare l’ordine dei caratteri, tocca o fai clic e trascina le maniglie.
Scheda Stili styles-tab
Il componente Testo supporta il sistema di stili di AEM.
Adobe Client Data Layer data-layer
Il componente Testo supporta Adobe Client Data Layer.