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.

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

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.

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

In questa pagina

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now