Funzioni di base dell'editor Rich Text

Panoramica

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

Per i componenti Community, anche se simili all'editor di testo RTF nell'ambiente di authoring, questo incide sul testo immesso nell'ambiente di pubblicazione.

Abilitazione dell'editor Rich Text

È possibile abilitare i componenti community che consentono l’editor Rich Text per contenuti generati dall’utente (UGC). A seconda che il componente sia stato aggiunto a una pagina o incluso in una funzione, l'editor Rich Text potrebbe non essere abilitato per impostazione predefinita.

Se non è abilitata, è sufficiente immettere modalità di modifica dell'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:

• Blog
• Calendario
• Commenti
• Filelibrio
• Forum
• Messaggi
• D/R
• Recensioni

Personalizzazione

È possibile personalizzare l'editor Rich Text in quanto l'implementazione è basata su CKEditor.

La configurazione corrente per i componenti Community si trova nel cq.social. scf clientlib, situato nella directory archivio all'indirizzo

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

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

Esempio di personalizzazione: Collegamenti in linea

A causa di problemi di sicurezza, le opzioni del collegamento ipertestuale non sono incluse nel set di icone RTF presentate ai membri per impostazione predefinita. La capacità di generare errori è ampia quando gli hrefs sono consentiti in UGC.

Per aggiungere le opzioni relative al collegamento ipertestuale alla barra degli strumenti:

• Aggiungere una barra degli strumenti denominata " links"
  • { name: 'links', items: [ 'Link','Unlink','Anchor' ] }
• Selezionare Salva tutto

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