Essentiële elementen van de Rich Text Editor rich-text-editor-essentials

Overzicht overview

Met een Rich Text Editor (RTE) kunt u tekst met opmaak invoeren.

Voor de componenten van Gemeenschappen, terwijl gelijkend op de rijke tekstredacteur in het auteursmilieu, beïnvloedt het tekst ingegaan in het publicatiemilieu.

RTF-editor inschakelen enabling-rich-text-editor

De componenten van gemeenschappen die gebruiker geproduceerde inhoud (UGC) toestaan kunnen worden toegelaten om RTE toe te staan. Als de component aan een pagina werd toegevoegd of inbegrepen binnen a functie, kan RTE of niet door gebrek worden toegelaten.

Als niet toegelaten, ga eenvoudig auteur in geef wijzeuit, selecteer de component voor geef uit, en selecteer Rich Text Editor checkbox.

RTE is beschikbaar voor de volgende componenten van de Gemeenschappen:

Aanpassing customization

De aanpassing van de rijke tekstredacteur is mogelijk aangezien de implementatie op CKEditorwordt gebaseerd.

De huidige configuratie voor componenten van Communities bevindt zich in de cq.social. scf clientlib , in de repository op

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

Het wijzigen van de client lib cq.social.scf wordt niet aangeraden, omdat toekomstige upgrades mogelijk alle bewerkingen overschrijven.

Voorbeeld-aanpassing: inline koppelingen example-customization-inline-links

Vanwege beveiligingsproblemen zijn de hyperlinkopties niet opgenomen in de set met RTF-pictogrammen die standaard aan leden worden gepresenteerd. De mogelijkheid tot stuipen is uitgebreid wanneer hrefs in UGC zijn toegestaan.

De hyperlinkopties toevoegen aan de werkbalk:

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