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 communautaire componenten, terwijl gelijkaardig aan RTF-editor in de auteursomgeving, heeft dit invloed op tekst die wordt ingevoerd in de publicatieomgeving.

rich-text-editor

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 is toegevoegd of binnen een function, RTE kan of niet door gebrek worden toegelaten.

Als deze optie niet is ingeschakeld, voert u gewoon de invoer in bewerkingsmodus auteurselecteert u de component die u wilt bewerken en selecteert u de component Rich Text Editor selectievakje.

RTE is beschikbaar voor de volgende componenten van de Gemeenschappen:

Aanpassing customization

Aanpassing van de rijke teksteditor is mogelijk omdat de implementatie is gebaseerd op CKEditor.

De huidige configuratie voor communautaire componenten is in de cq.social. scf clientlibin de gegevensopslagruimte

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

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:

  • Een werkbalk toevoegen met de naam " links"
    • { name: 'links', items: [ 'Link','Unlink','Anchor' ] }
  • Selecteer Save All

/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