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.

editor Rich Text

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.

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:

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

/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
};
recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791