Rich Text Editor Essentials

Übersicht

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

Bei Communities-Komponenten wirkt sich dies ähnlich wie der Rich-Text-Editor in der Autorendateiauf den in der Umgebung "Veröffentlichen"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 Funktionenthalten wurde, ist RTE möglicherweise standardmäßig aktiviert.

Wenn diese Option nicht aktiviert ist, geben Sie einfach den Autorenbearbeitungsmodusein, wählen Sie die zu bearbeitende Komponente aus und aktivieren Sie das Rich Text Editor Kontrollkästchen.

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

Anpassung

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

Die aktuelle Konfiguration für Communities-Komponenten befindet sich im cq.social. scf clientlibRepository 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 Werkzeugleiste mit dem Namen links"
    • { name: 'links', items: [ 'Link','Unlink','Anchor' ] }
  • Select Save All

/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