Rich Text Editor Essentials

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’ambientedi authoring, questo incide sul testo immesso nell’ambiente di pubblicazione.

editor Rich Text

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, per impostazione predefinita l’editor Rich Text potrebbe non essere abilitato.

Se non è abilitata, è sufficiente attivare la modalità di modificadell’autore, selezionare il componente per la modifica e selezionare la Rich Text Editor casella di controllo.

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

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, 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.

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' ] }
  • Seleziona 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
};

In questa pagina