Nozioni di base sull’editor Rich Text rich-text-editor-essentials

Panoramica overview

Un editor Rich Text (RTE) consente di immettere testo con markup.

Per i componenti Communities, pur essendo simile all'editor Rich Text nell'ambiente di authoring, influisce sul testo immesso nell'ambiente di pubblicazione.

Abilitazione dell’editor Rich Text enabling-rich-text-editor

Per consentire l’editor Rich Text, è possibile abilitare i componenti delle community che consentono contenuti generati dagli utenti (UGC, User Generated Content). Se il componente è stato aggiunto a una pagina o incluso in una funzione, l'editor Rich Text potrebbe essere abilitato o meno per impostazione predefinita.

Se l'opzione non è abilitata, è sufficiente immettere modalità modifica autore, selezionare il componente per la modifica e selezionare la casella di controllo Rich Text Editor.

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

Personalizzazione customization

È possibile personalizzare l'editor Rich Text poiché l'implementazione è basata su CKEditor.

La configurazione corrente per i componenti Communities si trova in cq.social. scf clientlib, nell'archivio in

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

La modifica della libreria client cq.social.scf non è consigliata in quanto gli aggiornamenti futuri potrebbero ignorare eventuali modifiche.

Esempio di personalizzazione: collegamenti in linea example-customization-inline-links

Per motivi di sicurezza, le opzioni del collegamento ipertestuale non sono incluse nel set di icone RTF presentate ai membri per impostazione predefinita. La possibilità di danno è ampia quando gli hrefs sono consentiti in UGC.

Per aggiungere le opzioni del collegamento ipertestuale alla barra degli strumenti:

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

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
};