Nozioni di base sull’editor Rich Text

Panoramica

Un editor Rich Text consente di immettere testo con tag.

Per i componenti Community, mentre è simile al editor Rich Text nell’ambiente di authoring, influisce sul testo immesso nell’ambiente di pubblicazione.

editor Rich Text

Abilitazione dell’editor Rich Text

I componenti community che consentono l’editor Rich Text possono essere abilitati per i contenuti generati dall’utente (UGC). A seconda che il componente sia stato aggiunto a una pagina o incluso in un Funzione, l’editor Rich Text può essere abilitato o meno per impostazione predefinita.

Se non è abilitato, è sufficiente immettere modalità modifica autore, seleziona il componente da modificare e seleziona il Rich Text Editor casella di controllo.

L’editor Rich Text è disponibile per i seguenti componenti di Communities:

Personalizzazione

È possibile personalizzare l’editor Rich Text in quanto l’implementazione si basa su CKEditor.

La configurazione corrente per i componenti di Communities si trova nel cq.social. scf clientlib, situato nell’archivio all’indirizzo

/libs/clientlibs/social/commons/scf/ckrte.js

La modifica di cq.social.scf clientlib non è consigliata in quanto gli aggiornamenti futuri potrebbero sostituire qualsiasi modifica.

Esempio di personalizzazione: Collegamenti in linea

Per motivi di sicurezza, le opzioni dei collegamenti ipertestuali non sono incluse nel set di icone RTF presentate ai membri per impostazione predefinita. La capacità di errore è ampia quando gli hrefs sono ammessi in UGC.

Per aggiungere le opzioni per i collegamenti ipertestuali alla barra degli strumenti:

Aggiungi una barra degli strumenti denominata " links"
- { name: 'links', items: [ 'Link','Unlink','Anchor' ] }
Seleziona Salva tutto

CKRte.prototype.config = {
    toolbar: [
        { name: "basicstyles",
           items: ["Bold", "Italic", "Underline", "NumberedList", "BulletedList", "Outdent", "Indent", "JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyBlock", "TextColor"]
        },
        { name: 'links',
           items: [ 'Link','Unlink','Anchor' ]
        }
    ],
    autoParagraph: false,
    autoUpdateElement: false,
    removePlugins: "elementspath",
    resize_enabled: false
};