Grundläggande om Rich Text Editor rich-text-editor-essentials

CAUTION
AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.

Översikt overview

Med en textredigerare kan du skriva text med markeringar.

För webbgruppskomponenter, men liknande textredigerare i redigeringsmiljönpåverkar det text som anges i publiceringsmiljön.

chlimage_1-410

Aktivera RTF-redigerare enabling-rich-text-editor

Communities-komponenter som tillåter användargenererat innehåll (UGC) kan aktiveras för att tillåta RTE. Beroende på om komponenten har lagts till på en sida eller inkluderats i en function, RTE kanske är aktiverat som standard.

Om den inte är aktiverad skriver du redigeringsläge för författare, markerar komponenten för redigering och markerar Rich Text Editor kryssrutan.

RTE är tillgängligt för följande Communities-komponenter:

Anpassning customization

Det går att anpassa RTF-redigeraren eftersom implementeringen baseras på CKEditor.

Den aktuella konfigurationen för Communities-komponenter finns i cq.social. scf clientlib, som finns i databasen på

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

Du bör inte ändra klientlib cq.social.scf eftersom framtida uppgraderingar kan åsidosätta redigeringar.

På grund av säkerhetsproblem inkluderas inte hyperlänksalternativen i den uppsättning med textikoner som visas för medlemmar som standard. Förmågan till skada är stor när hrefs tillåts i UGC.

Så här lägger du till hyperlänksalternativen i verktygsfältet:

  • Lägg till ett verktygsfält med namnet " links"
    • { name: 'links', items: [ 'Link','Unlink','Anchor' ] }
  • Välj 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
5d37d7b0-a330-461b-814d-068612705ff6