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

Ökning overview

Med en textredigerare kan du skriva text med markeringar.

För webbgruppskomponenter, som liknar RTF-redigeraren i författarmiljön, påverkar det text som anges i publiceringsmiljön.

RTF-redigerare

Aktivera RTF-redigeraren enabling-rich-text-editor

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

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

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, 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
81e2cd9d-0789-409d-b87c-2a8ce4f28791