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 wijze ​ uit, 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 ​ CKEditor ​ wordt 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
};