Le funzionalità dell’editor Rich Text sono disponibili tramite una serie di plug-in, ciascuno con la proprietà Features. È possibile configurare la proprietà features per attivare o disattivare una o più funzionalità dell’editor Rich Text. Questo articolo descrive come configurare in modo specifico i plug-in dell’editor Rich Text.
Per informazioni dettagliate sulle altre configurazioni dell’editor Rich Text, consulta configurare l’editor Rich Text.
Quando si lavora con CRXDE Liti, si consiglia di salvare le modifiche regolarmente utilizzando Salva tutto opzione.
Per attivare un plug-in, segui la procedura riportata di seguito. Alcuni passaggi sono necessari solo quando configuri un plug-in per la prima volta, in quanto i nodi corrispondenti non esistono.
Per impostazione predefinita, format
, link
, list
, justify
, e control
I plug-in e tutte le relative funzioni sono abilitati nell’editor Rich Text.
I rispettivi rtePlugins
il nodo è denominato <rtePlugins-node>
per evitare duplicazioni in questo articolo.
Con CRXDE Liti, individua il componente testo per il progetto.
Crea il nodo principale di <rtePlugins-node>
se non esiste, prima di configurare qualsiasi plug-in RTE:
A seconda del componente, i nodi principali sono:
config: .../text/cq:editConfig/cq:inplaceEditing/config
.../text/cq:editConfig/cq:inplaceEditing/inplaceEditingTextConfig
text: .../text/dialog/items/tab1/items/text
Sono di tipo: jcr:primaryType cq:Widget
Entrambi hanno la seguente proprietà:
name
String
./text
A seconda dell’interfaccia per la quale stai configurando, crea un nodo <rtePlugins-node>
, se non esiste:
rtePlugins
nt:unstructured
Crea un nodo per ogni plug-in da attivare:
nt:unstructured
Dopo aver attivato un plug-in, segui queste linee guida per configurare features
proprietà.
Abilita tutte le funzioni | Abilita alcune funzioni specifiche. | Disattiva tutte le funzionalità. | |
---|---|---|---|
Nome | funzioni | funzioni | funzioni |
Tipo | Stringa | String (multi-string; imposta Tipo su String e fai clic su Multi in CRXDE Liti) |
Stringa |
Valore | * (un asterisco) |
Impostate uno o più valori di feature. | - |
Il findreplace
Il plug-in non richiede alcuna configurazione. Funziona immediatamente.
Quando si utilizza la funzionalità di sostituzione, la stringa sostitutiva deve essere immessa contemporaneamente alla stringa da trovare. Tuttavia, è ancora possibile fare clic su Trova per cercare la stringa prima di sostituirla. Se la stringa sostitutiva viene immessa dopo aver fatto clic su Trova, la ricerca riprende dall’inizio del testo.
La finestra di dialogo Trova e sostituisci diventa trasparente quando si fa clic su Trova e diventa opaca quando si fa clic su Sostituisci. Il comportamento consente all’autore di rivedere il testo da sostituire. Se si fa clic su Sostituisci tutto, la finestra di dialogo si chiude e viene visualizzato il numero di sostituzioni effettuate.
Quando si utilizza l’editor Rich Text, gli autori possono incollare il contenuto in una delle tre modalità seguenti:
Modalità browser: incolla il testo utilizzando l’implementazione Incolla predefinita del browser. Non è un metodo consigliato in quanto potrebbe introdurre markup indesiderati.
Modalità testo normale: incolla il contenuto degli Appunti come testo normale. Elimina tutti gli elementi di stile e formattazione dal contenuto copiato prima di inserirli in Experience Manager componente.
Modalità MS Word: quando si copia da MS Word, incolla il testo con formattazione, incluse le tabelle. La copia e l’incolla di testo da un’altra origine, ad esempio una pagina web o MS Excel, non sono supportate e mantengono solo una formattazione parziale.
Nella barra degli strumenti dell’editor Rich Text è possibile fornire agli autori alcune o nessuna delle tre icone seguenti:
Incolla (Ctrl+V): può essere preconfigurato in modo da corrispondere a una delle tre modalità Incolla precedenti.
Incolla come testo: fornisce funzionalità in modalità testo normale.
Incolla da Word: fornisce la funzionalità della modalità MS Word.
Per configurare l’editor Rich Text in modo da visualizzare le icone richieste, effettua le seguenti operazioni.
/apps/<myProject>/components/text
.rtePlugins/edit
. Consulta attivare un plug-in se il nodo non esiste.features
proprietà sul edit
e aggiungi una o più funzionalità. Salva tutte le modifiche.Puoi preconfigurare il comportamento di Incolla (Ctrl+V) , utilizzando i passaggi seguenti. Questa configurazione definisce anche il comportamento della scelta rapida da tastiera Ctrl+V utilizzata dagli autori per incollare il contenuto.
La configurazione consente i tre tipi di casi di utilizzo seguenti:
Incolla il testo utilizzando l’implementazione Incolla predefinita del browser. Non è un metodo consigliato in quanto potrebbe introdurre markup indesiderati. Configurato con browser
di seguito.
Incolla il contenuto degli Appunti come testo normale. Elimina tutti gli elementi di stile e formattazione dal contenuto copiato prima di inserirli in Experience Manager componente. Configurato con plaintext
di seguito.
Incolla il testo, incluse le tabelle, con formattazione durante la copia da MS Word. La copia e l’incolla di testo da un’altra origine, ad esempio una pagina web o MS Excel, non sono supportate e mantengono solo una formattazione parziale. Configurato con wordhtml
di seguito.
Nel componente, passa a <rtePlugins-node>/edit
nodo. Creare i nodi se non esistono. Per ulteriori informazioni, consulta attivare un plug-in.
In edit
nodo creare una proprietà utilizzando i dettagli seguenti:
defaultPasteMode
String
browser
, plaintext
, o wordhtml
modalità.Incolla-come-Microsoft-Word (paste-wordhtml
) può essere ulteriormente configurata in modo da poter consentire esplicitamente alcuni stili quando si incollano Experience Manager da un altro programma, ad esempio Microsoft Word.
Ad esempio, se solo i formati e gli elenchi in grassetto devono essere consentiti quando si incollano Experience Manager, puoi filtrare gli altri formati. Questa operazione è denominata filtro di incollamento configurabile e può essere eseguita per entrambi:
Per i collegamenti, puoi anche definire i protocolli che vengono accettati automaticamente.
Per configurare i formati consentiti quando si incolla testo in Experience Manager da un altro programma:
Nel componente, passa al nodo <rtePlugins-node>/edit
. Crea i nodi se il nodo non esiste. Per ulteriori dettagli, consulta attivare un plug-in.
Crea un nodo sotto edit
nodo in cui inserire le regole HTML incolla:
htmlPasteRules
nt:unstructured
Crea un nodo sotto htmlPasteRules
, per contenere i dettagli dei formati di base consentiti:
allowBasics
nt:unstructured
Per controllare i singoli formati accettati, crea una o più delle seguenti proprietà sul allowBasics
nodo:
bold
italic
underline
anchor
(sia per i collegamenti che per gli ancoraggi denominati)image
Tutte le proprietà sono di Tipo Boolean
, quindi nel caso Valore è possibile selezionare o rimuovere il segno di spunta per abilitare o disabilitare la funzionalità.
Se non è definito in modo esplicito, viene utilizzato il valore predefinito true e il formato viene accettato.
Altri formati possono essere definiti utilizzando un intervallo di altre proprietà o nodi, anch'essi applicati al htmlPasteRules
nodo:
Proprietà | Tipo | Descrizione |
---|---|---|
allowBlockTags |
String |
Definisce l’elenco dei tag di blocco consentiti. Alcuni dei possibili tag di blocco includono titoli (h1, h2, h3), paragrafi §, elenchi (ol, ul), tabelle (tabella). |
fallbackBlockTag |
String |
Definisce il tag di blocco utilizzato per tutti i blocchi con un tag di blocco non incluso in allowBlockTags . Di solito, p è sufficiente. |
table |
nt:unstructured |
Definisce il comportamento quando si incollano le tabelle. Questo nodo deve avere la proprietà allow (tipo booleano) per definire se è consentito incollare tabelle. Se consenti è impostato su false, è necessario specificare la proprietà ignoreMode (tipo String) per definire la modalità di gestione del contenuto della tabella incollato. I valori validi per ignoreMode sono remove per rimuovere il contenuto di una tabella e paragraph per trasformare le celle di una tabella in paragrafi. |
list |
nt:unstructured |
Definisce il comportamento quando si incollano gli elenchi. Deve avere la proprietà allow (tipo booleano) per definire se è consentito incollare gli elenchi. Se allow è impostato su false , specifica la proprietà ignoreMode (tipo String ) per definire come gestire il contenuto di un elenco incollato. I valori validi per ignoreMode sono remove che rimuove il contenuto dell’elenco e paragraph che trasforma le voci di elenco in paragrafi. |
Un esempio di valida htmlPasteRules
La struttura è la seguente:
"htmlPasteRules": {
"allowBasics": {
"italic": true,
"link": true
},
"allowBlockTags": [
"p", "h1", "h2", "h3"
],
"list": {
"allow": false,
"ignoreMode": "paragraph"
},
"table": {
"allow": true,
"ignoreMode": "paragraph"
}
}
Gli autori possono applicare gli stili per modificare l'aspetto di una parte di testo. Gli stili sono basati su classi CSS predefinite nel foglio di stile CSS. Il contenuto stilizzato è racchiuso in span
tag che utilizzano class
attributo per fare riferimento alla classe CSS. Ad esempio:
<span class=monospaced>Monospaced Text Here</span>
Quando il plug-in Stili viene attivato per la prima volta, non sono disponibili stili predefiniti. L'elenco popup è vuoto. Per fornire agli autori stili, effettuare le seguenti operazioni:
Per le riconfigurazioni successive, per aggiungere altri stili, seguire solo le istruzioni per fare riferimento a un nuovo foglio di stile e specificare gli stili aggiuntivi.
Gli stili possono essere definiti anche per tabelle o celle di tabella. Queste configurazioni richiedono procedure separate.
Questa operazione viene eseguita abilitando il plug-in stili.
Nel componente, passa al nodo <rtePlugins-node>/styles
. Creare i nodi se non esistono. Per ulteriori dettagli, consulta attivare un plug-in.
Creare features
proprietà sul styles
nodo:
features
String
*
(asterisco)Salva tutte le modifiche.
Una volta attivato il plug-in Stili, l’elenco a discesa Stile viene visualizzato nella finestra di dialogo per modifica. Tuttavia, l’elenco è vuoto perché non è configurato alcuno stile.
Specificare quindi la posizione dei fogli di stile a cui si desidera fare riferimento:
Passa al nodo principale del componente testo, ad esempio /apps/<myProject>/components/text
.
Aggiungi la proprietà externalStyleSheets
al nodo principale di <rtePlugins-node>
:
externalStyleSheets
String[]
(stringa multipla; fare clic su Più in CRXDE)È possibile aggiungere riferimenti ad altri fogli di stile in qualsiasi momento successivo.
Salva tutte le modifiche.
Quando si utilizza l’editor Rich Text in una finestra di dialogo (interfaccia classica), è possibile specificare fogli di stile ottimizzati per la modifica di testo RTF. A causa di restrizioni tecniche, il contesto CSS viene perso nell’editor, quindi puoi emulare questo contesto per migliorare l’esperienza WYSIWYG.
L’editor Rich Text utilizza un elemento DOM contenitore con un ID di CQrte
che offre stili diversi per la visualizzazione e la modifica:
#CQ td {
// defines the style for viewing
}
#CQrte td {
// defines the style for editing
}
Nella definizione del componente, passa al nodo <rtePlugins-node>/styles
, come creato in Abilitazione del selettore a discesa dello stile.
Sotto il nodo styles
, creare un nodo (denominato anche styles
) per mantenere disponibile l'elenco:
styles
cq:WidgetCollection
Crea un nodo sotto styles
per rappresentare un singolo stile:
nt:unstructured
Aggiungi la proprietà cssName
a questo nodo per fare riferimento alla classe CSS:
cssName
String
cssClass
invece di .cssClass
)Aggiungi la proprietà text
sullo stesso nodo; questo definisce il testo visualizzato nella casella di selezione:
text
String
Salva le modifiche.
Ripeti i passaggi precedenti per ogni stile richiesto.
Autori che utilizzano Experience Manager Per l’authoring di contenuti in lingua giapponese è possibile applicare uno stile ai caratteri per evitare interruzioni di riga laddove non siano necessarie. Questo consente agli autori di lasciare che le frasi si interrompano nella posizione desiderata. Lo stile di questa funzionalità si basa sulla classe CSS predefinita nel foglio di stile CSS.
Per creare lo stile che gli autori possono applicare al testo giapponese, effettuare le seguenti operazioni:
Crea un nodo sotto il nodo degli stili. Consulta specificare uno stile.
jpn-word-wrap
nt:unstructure
Aggiungi la proprietà cssName
al nodo per fare riferimento alla classe CSS. Questo nome di classe è un nome riservato per la funzione di ritorno a capo automatico giapponese.
cssName
String
jpn-word-wrap
(senza precedenti .
)Aggiungi il testo della proprietà allo stesso nodo. Il valore è il nome dello stile visualizzato dagli autori durante la selezione dello stile.
text
String
Japanese word-wrap
Creare un foglio di stile e specificarne il percorso. Consulta specificare la posizione del foglio di stile. Aggiungere il contenuto seguente al foglio di stile. Modifica il colore di sfondo come desiderato.
.text span.jpn-word-wrap {
display:inline-block;
}
.is-edited span.jpn-word-wrap {
background-color: #ffddff;
}
Qualsiasi testo creato nell’editor Rich Text viene inserito all’interno di un tag di blocco, il cui valore predefinito è <p>
. Attivando paraformat
plug-in, è possibile specificare ulteriori tag di blocco che possono essere assegnati ai paragrafi utilizzando un elenco a discesa. I formati di paragrafo determinano il tipo di paragrafo assegnando il tag di blocco corretto. L’autore può selezionarli e assegnarli utilizzando il selettore Formato. I tag di blocco di esempio includono, tra gli altri, il paragrafo standard <p> e intestazioni <h1>, <h2>e così via.
Questo plug-in non è adatto per contenuti con struttura complessa, ad esempio elenchi o tabelle.
Se un tag di blocco, ad esempio <hr>
, non può essere assegnato a un paragrafo, non è un caso d’uso valido per un paraformat
plug-in.
Quando il plug-in Formati di paragrafo viene attivato per la prima volta, non sono disponibili formati di paragrafo predefiniti. L'elenco popup è vuoto. Per fornire agli autori i formati di paragrafo, effettuare le seguenti operazioni:
Per le riconfigurazioni successive, ad esempio per aggiungere altri formati, segui solo la parte pertinente delle istruzioni.
Per attivare paraformat
plug-in, effettuare le seguenti operazioni:
Nel componente, passa al nodo <rtePlugins-node>/paraformat
. Creare i nodi se non esistono. Per ulteriori dettagli, consulta attivare un plug-in.
Creare features
proprietà sul paraformat
nodo:
features
String
*
(asterisco)Se il plug-in non viene configurato ulteriormente, i formati predefiniti attivati sono Paragrafo ( <p>
), Titolo 1 ( <h1>
), Titolo 2 ( <h2>
), Titolo 3 ( <h3>
).
Durante la configurazione dei formati di paragrafo dell’editor Rich Text, non rimuovere il tag di paragrafo <p> come opzione di formattazione. Se il <p>
viene rimosso, quindi l’autore del contenuto non può selezionare il Formati dei paragrafi anche se sono configurati altri formati.
I formati di paragrafo possono essere selezionati da:
Nella definizione del componente, passa al nodo <rtePlugins-node>/paraformat
, come creato in Abilitazione del selettore a discesa Formato.
Sotto paraformat
node crea un nodo, che contiene l’elenco dei formati:
formats
cq:WidgetCollection
Crea un nodo sotto formats
, contiene i dettagli per un singolo formato:
nt:unstructured
A questo nodo, aggiungi la proprietà per definire il tag di blocco utilizzato:
Nome tag
Tipo String
Valore Il tag di blocco per il formato; ad esempio: p, h1, h2, ecc.
Non è necessario inserire le parentesi angolari di delimitazione.
Per visualizzare il testo descrittivo nell’elenco a discesa, aggiungi un’altra proprietà allo stesso nodo:
description
String
Salva le modifiche.
Ripeti i passaggi per ogni formato richiesto.
Se si definiscono formati personalizzati, i formati predefiniti (<p>
, <h1>
, <h2>
, e <h3>
) vengono rimossi. Ricrea <p>
in quanto è il formato predefinito.
In uno standard Experience Manager installazione, quando misctools
il plug-in è abilitato per i caratteri speciali (specialchars
) è immediatamente disponibile una selezione predefinita, ad esempio i simboli di copyright e marchio.
È possibile configurare l’editor Rich Text in modo da rendere disponibile la selezione di caratteri, definendo caratteri distinti o un’intera sequenza.
L’aggiunta di caratteri speciali sostituisce la selezione predefinita. Se necessario, ridefinisci questi caratteri nella selezione.
Nel componente, passa al nodo <rtePlugins-node>/misctools
. Creare i nodi se non esistono. Per ulteriori dettagli, consulta attivare un plug-in.
Creare features
proprietà sul misctools
nodo:
Nome features
Tipo String[]
Valore specialchars
(o String / *
se si applicano tutte le funzioni di questo plug-in)
Sotto misctools
crea un nodo che contenga le configurazioni dei caratteri speciali:
specialCharsConfig
nt:unstructured
Sotto specialCharsConfig
crea un altro nodo per l’elenco dei caratteri:
chars
nt:unstructured
Sotto chars
aggiungi un nodo per contenere una singola definizione di carattere:
nt:unstructured
A questo nodo aggiungi la seguente proprietà:
entity
String
&189;
per la frazione metà.Salva le modifiche.
In CRXDE, una volta salvata la proprietà, viene visualizzato il carattere rappresentato. Vedi sotto l'esempio di mezzo. Ripeti i passaggi precedenti per rendere disponibili agli autori caratteri più speciali.
Utilizza i passaggi da 1 a 3 da Definisci un singolo carattere.
Sotto chars
aggiungi un nodo che contenga la definizione dell’intervallo di caratteri:
nt:unstructured
Sotto questo nodo (denominato in base all’intervallo di caratteri speciali) aggiungi le due proprietà seguenti:
Salva le modifiche.
Ad esempio, definisci un intervallo da 9998 - 10000 fornisce i seguenti caratteri.
Figura: In CRXDE, definisci un intervallo di caratteri da rendere disponibili nell’editor Rich Text
Gli stili vengono in genere applicati al testo, ma è possibile applicare un set separato di stili anche a una tabella o ad alcune celle di tabella. Tali stili sono disponibili per gli autori dalla casella del selettore Stile nella finestra di dialogo Proprietà cella o Proprietà tabella. Gli stili sono disponibili quando si modifica una tabella all’interno di un componente Testo (o derivata) e non nel componente Tabella standard.
Puoi definire stili per tabelle e celle solo per l’interfaccia classica.
Copiare e incollare tabelle nel componente Editor Rich Text o da esso dipende dal browser. Non è supportato per tutti i browser. Puoi ottenere risultati diversi a seconda della struttura della tabella e del browser. Ad esempio, quando copi e incolla una tabella in un componente Editor Rich Text in Mozilla Firefox nell’interfaccia classica e nell’interfaccia touch, il layout della tabella non viene mantenuto.
All’interno del componente passa al nodo <rtePlugins-node>/table
. Creare i nodi se non esistono. Per ulteriori dettagli, consulta attivare un plug-in.
Creare features
proprietà sul table
nodo:
features
String
*
Se non desiderate attivare tutte le feature di tabella, potete creare features
proprietà come:
Tipo String[]
Valore s) uno dei seguenti elementi o entrambi, a seconda dei casi:
table
per consentire la modifica delle proprietà della tabella, inclusi gli stili.
cellprops
per consentire la modifica delle proprietà delle celle, inclusi gli stili.
Definisci la posizione dei fogli di stile CSS in modo che facciano riferimento a essi. Consulta Specifica della posizione del foglio di stile come quando definisci stili per il testo. La posizione può essere definita se sono stati definiti altri stili.
Sotto table
nodo creare i seguenti nodi come richiesto:
Per definire gli stili per l'intera tabella (disponibile in Proprietà tabella):
tableStyles
cq:WidgetCollection
Per definire gli stili per le singole celle (disponibili in Proprietà cella),
cellStyles
cq:WidgetCollection
Creare un nodo (sotto tableStyles
o cellStyles
a seconda dei casi) per rappresentare un singolo stile,
nt:unstructured
In questo nodo crea le proprietà:
Per definire lo stile CSS a cui si fa riferimento,
cssName
String
.
ad esempio: cssClass
invece di .cssClass
)Per definire un testo descrittivo da visualizzare nel selettore a comparsa:
text
String
Salva tutte le modifiche.
Ripeti i passaggi precedenti per ogni stile richiesto.
Talvolta è possibile creare tabelle di dati senza testo visivo in un'intestazione di colonna presupponendo che lo scopo dell'intestazione sia implicito dalla relazione visiva della colonna con altre colonne. In questo caso, è necessario fornire testo interno nascosto nella cella dell’intestazione per consentire agli assistenti vocali e altre tecnologie per aiutare i lettori con varie esigenze a comprendere lo scopo della colonna.
Per migliorare l’accessibilità in tali scenari, l’editor Rich Text supporta le celle di intestazione nascoste. Inoltre, fornisce le impostazioni di configurazione relative alle intestazioni nascoste nelle tabelle. Queste impostazioni consentono di applicare stili CSS alle intestazioni nascoste nelle modalità di modifica e anteprima. Per aiutare gli autori a identificare le intestazioni nascoste nella modalità di modifica, includi i seguenti parametri nel codice:
hiddenHeaderEditingCSS
: specifica il nome della classe CSS applicata alla cella di intestazione nascosta quando viene modificato l’editor Rich Text.hiddenHeaderEditingStyle
: specifica una stringa di stile applicata alla cella di intestazione nascosta quando viene modificato l’editor Rich Text.Se nel codice specifichi sia CSS che la stringa di stile, la classe CSS ha la precedenza sulla stringa di stile e potrebbe sovrascrivere eventuali modifiche di configurazione apportate dalla stringa di stile.
Per consentire agli autori di applicare CSS sulle intestazioni nascoste nella modalità di anteprima, puoi includere i seguenti parametri nel codice:
hiddenHeaderClassName
: specifica il nome della classe CSS applicata alla cella di intestazione nascosta in modalità anteprima.hiddenHeaderStyle
: specifica una stringa di stile applicata alla cella di intestazione nascosta in modalità anteprima.Se nel codice specifichi sia CSS che la stringa di stile, la classe CSS ha la precedenza sulla stringa di stile e potrebbe sovrascrivere eventuali modifiche di configurazione apportate dalla stringa di stile.
Quando il plug-in spellcheck è attivato, l'editor Rich Text utilizza dizionari per ogni lingua appropriata. Questi vengono quindi selezionati in base alla lingua del sito web utilizzando la proprietà language della sottostruttura o estraendo la lingua dall’URL; ad esempio. il /en/
la filiale viene selezionata come inglese, il /de/
filiale come tedesco.
Il messaggio "Controllo ortografico non riuscito". viene visualizzato se si tenta di controllare una lingua non installata.
Un Experience Manager di installazione standard include i dizionari per:
I dizionari standard si trovano in /libs/cq/spellchecker/dictionaries
, insieme ai file ReadMe appropriati. Non modificare i file.
Per aggiungere altri dizionari, se necessario, eseguire la procedura seguente.
Passa alla pagina https://extensions.openoffice.org/.
Seleziona la lingua richiesta e scarica il file ZIP con le definizioni di ortografia. Estrarre il contenuto dell'archivio nel file system.
Solo dizionari nel MySpell
per OpenOffice.org v2.0.1 o versioni precedenti, sono supportati. Poiché i dizionari sono ora file di archivio, si consiglia di verificare l'archivio dopo averlo scaricato.
Individua i file .aff e .dic. Mantieni il nome del file in minuscolo. Ad esempio: de_de.aff
e de_de.dic
.
Carica i file .aff e .dic nell’archivio in /apps/cq/spellchecker/dictionaries
.
Il controllo ortografico dell’editor Rich Text è disponibile su richiesta. Non viene eseguito automaticamente quando si inizia a digitare il testo.
Per eseguire il controllo ortografico, toccare o fare clic sul pulsante Controllo ortografico nella barra degli strumenti. L’editor Rich Text controlla l’ortografia delle parole ed evidenzia le parole con un’ortografia errata.
Se si incorporano le modifiche suggerite dal correttore ortografico, lo stato del testo cambia e le parole digitate in modo errato non vengono più evidenziate. Per eseguire il controllo ortografico, toccare o fare di nuovo clic sul pulsante Controllo ortografia.
L’editor Rich Text consente agli autori di annullare o ripristinare alcune delle ultime modifiche. Per impostazione predefinita, nella cronologia vengono memorizzate 50 modifiche. Puoi configurare questo valore come richiesto.
All’interno del componente passa al nodo <rtePlugins-node>/undo
. Crea questi nodi se non esistono. Per ulteriori dettagli, consulta attivare un plug-in.
Il giorno undo
nodo creare la proprietà:
maxUndoSteps
Long
0
per disattivare completamente l'operazione Annulla/Ripristina.Salva le modifiche.
Quando il carattere di tabulazione viene premuto all'interno di un testo, viene inserito un numero predefinito di spazi; per impostazione predefinita, si tratta di tre spazi unificatori e di uno spazio.
Per definire le dimensioni della scheda:
Nel componente, passa al nodo <rtePlugins-node>/keys
. Creare i nodi se non esistono. Per ulteriori dettagli, consulta attivare un plug-in.
Il giorno keys
nodo creare la proprietà:
tabSize
String
Salva le modifiche.
Quando il rientro è abilitato (impostazione predefinita), è possibile definire la dimensione del rientro:
Questa dimensione di rientro viene applicata solo ai paragrafi (blocchi) di testo e non influisce sul rientro degli elenchi effettivi.
All’interno del componente passa al nodo <rtePlugins-node>/lists
. Crea questi nodi se non esistono. Per ulteriori dettagli, consulta attivare un plug-in.
Il giorno lists
nodo creare il identSize
parametro:
identSize
Long
Potete definire l'altezza dello spazio modificabile visualizzato nella finestra di dialogo del componente. La configurazione è applicabile solo quando si utilizza l’editor Rich Text in una finestra di dialogo. La configurazione non modifica l’altezza della finestra di dialogo.
In ../items/text
nella definizione della finestra di dialogo del componente, crea una proprietà:
height
Long
Salva le modifiche.
Quando si aggiungono collegamenti in Experience Manager, puoi definire gli stili CSS da utilizzare e i protocolli da accettare automaticamente. Per configurare la modalità di aggiunta dei collegamenti in Experience Manager da un altro programma, definisci le regole di HTML.
Con CRXDE Liti, individua il componente testo per il progetto.
Crea un nodo allo stesso livello di <rtePlugins-node>
, ovvero crea il nodo sotto il nodo principale di <rtePlugins-node>
:
htmlRules
nt:unstructured
Il ../items/text
il nodo ha la proprietà:
xtype
String
richtext
La posizione del ../items/text
Il nodo può variare a seconda della struttura della finestra di dialogo. Due esempi sono /apps/myProject>/components/text/dialog/items/text
e /apps/<myProject>/components/text/dialog/items/panel/items/text
.
Sotto htmlRules
, crea un nodo.
links
nt:unstructured
Sotto links
Il nodo definisce le proprietà come richiesto:
Stile CSS per collegamenti interni:
cssInternal
String
cssClass
invece di .cssClass
)Stile CSS per collegamenti esterni
cssExternal
String
cssClass
invece di .cssClass
)Array di validi protocolli tra cui https://
, https://
, file://
, mailto:
, e altri,
protocols
String[]
defaultProtocol (proprietà di tipo Stringa): protocollo da utilizzare se l’utente non ne ha specificato esplicitamente uno.
defaultProtocol
String
Definizione di come gestire l’attributo target di un collegamento. Crea un nodo:
targetConfig
nt:unstructured
Sul nodo targetConfig
: definisci le proprietà richieste:
Specifica la modalità di destinazione:
Nome mode
Tipo String
)
Valore s) :
auto
: indica che viene scelto un target automatico
(specificato da targetExternal
proprietà per collegamenti esterni o targetInternal
per collegamenti interni).
manual
: non applicabile in questo contesto
blank
: non applicabile in questo contesto
Destinazione dei collegamenti interni:
targetInternal
String
auto
)Destinazione per i collegamenti esterni:
targetExternal
String
auto
).Salva tutte le modifiche.