Rich Text Editor Essentials

Überblick

Ein Rich Text Editor (RTE) bietet die Möglichkeit, Text mit Markup einzugeben.

Bei Communities-Komponenten wirkt sich dies ähnlich wie beim Rich-Text-Editor in der Authoring-Umgebung](…/…/help/sites-authoring/rich-text-editor.md) auf den in der Veröffentlichungs-Umgebung eingegebenen Text aus.[

chlimage_1-410

Rich-Text-Editor aktivieren

Communities-Komponenten, die benutzergenerierte Inhalte (UGC) zulassen, können aktiviert werden, um RTE zuzulassen. Je nachdem, ob die Komponente einer Seite hinzugefügt oder in einer Funktion enthalten ist, kann RTE standardmäßig aktiviert werden.

Wenn dies nicht aktiviert ist, geben Sie einfach den Bearbeitungsmodus Autor ein, wählen Sie die zu bearbeitende Komponente aus und aktivieren Sie das Kontrollkästchen Rich Text Editor.

RTE ist für die folgenden Communities-Komponenten verfügbar:

Anpassung

Die Anpassung des Rich-Text-Editors ist möglich, da die Implementierung auf CKEditor basiert.

Die aktuelle Konfiguration für Communities-Komponenten befindet sich im Ordner cq.social. scf clientlib im Repository unter

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

Das Ändern der clientlib cq.social.scf wird nicht empfohlen, da zukünftige Upgrades Änderungen überschreiben können.

Aus Sicherheitsgründen sind die Hyperlink-Optionen nicht in den Rich-Text-Symbolen enthalten, die den Mitgliedern standardmäßig angezeigt werden. Die Fähigkeit zur Unschädlichkeit ist umfassend, wenn href in UGC erlaubt sind.

So fügen Sie der Symbolleiste Hyperlink-Optionen hinzu:

  • hinzufügen einer Symbolleiste mit dem Namen "links"
    • { name: 'links', items: [ 'Link','Unlink','Anchor' ] }
  • Wählen Sie Alle speichern

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

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now