Letzte Änderung: 22. August 2025
Entwickler sind mitunter mit dem Problem konfrontiert, dass WYSIWYG-Editoren Funktionen bereitstellen, die bei falscher Verwendung das Ziel einer einheitlichen Marke behindern und Probleme mit Content-Design und -Flow verursachen können. Der Rich-Text-Editor in benutzerdefinierten Modulen bietet Entwicklern jetzt die Möglichkeit, Komponenten über die enabled_features-Eigenschaft in der fields.json-Datei aus der Konfigurationsleiste zu entfernen.
Hinweis: Das Folgende gilt nur für benutzerdefinierte Module, die das Rich-Text-Feld in der lokalen Entwicklung verwenden. Die Verwendung dieser Funktion deaktiviert nicht die Funktionalität der aus dem Rich-Text-Editor entfernten Optionen, sondern nur die Anzeige der Optionen. Dies geschieht aus Gründen der Abwärtskompatibilität, sodass vorhandene Inhalte nicht betroffen sind.

So verwenden Sie enabled_features

In Ihrer fields.json-Datei, in der Sie Ihr Rich-Text-Feldobjekt haben, können Sie bestimmte Funktionen aktivieren, indem Sie die gültigen Symbolleistenoptionen in einem Array zur enabled_features-Eigenschaft hinzufügen, wie unten dargestellt:
// Rich text field with only Bold, Link, and Image available in the Toolbar
{
  "name": "description",
  "label": "Description",
  "required": false,
  "locked": false,
  "type": "richtext",
  "default": null,
  "enabled_features": ["bold", "link", "image"]
}
Der Content-Editor würde dann den Rich-Text-Editor sehen, wobei nur die enthaltenen Optionen aktiviert sind, wie in der Abbildung unten dargestellt:
Hinweis: Einige Funktionen, wie die Schaltfläche „Stile löschen“, mit der Sie zum Standardstil für den Editor zurückkehren können, sind immer aktiviert und können nicht entfernt werden. Wenn die enabled_features-Eigenschaft ausgelassen wird, werden alle Funktionen angezeigt.
Ein Beispiel für eine RTE-Symbolleiste mit aktivierten Funktionen.

Liste mit Funktionen

Nachfolgend finden Sie eine Liste der Funktionen, die bei Verwendung der enabled_features-Eigenschaft einzeln aktiviert werden können.

Kontrollgruppen

OptionDescription
colorsSteuerlemente für Textfarbe und der Hintergrundfarbe.
fontsSchriftfamilie und Schriftgrößensteuerung.
indentsAus- und Einzugskontrollen.
listsSteuerelemente für Aufzählungslisten und nummerierte Listen.
standard_emphasisFett, kursiv und unterstreicht Kontrollen.
advanced_emphasisSteuerelemente für durchgestrichenen, hochgestellten, tiefgestellten und Codeformat-Text.
glyphsEmoji-, Sonderzeichen- und Symbol-Steuerelemente. In E-Mail-Modulen nicht unterstützt. Um die Emoji-Auswahl zu E-Mail-Modulen hinzuzufügen, verwenden Sie stattdessen emoji.

Textformatierung

OptionDescription
blockZeigt das Dropdown-Menü für die Stilumschaltung an.
font_familyZeigt das Dropdown-Menü für die Schriftartumschaltung an.
font_sizeZeigt das Dropdown-Menü für die Schriftgröße an.
boldZeigt die Schaltfläche für Fett-Formatierung an.
italicZeigt die Schaltfläche für Kursiv-Formatierung an.
underlineZeigt die Schaltfläche für Unterstrichen-Formatierung an.
text_colorZeigt die Schaltfläche für Textfarbe an.
background_colorZeigt die Schaltfläche für Hintergrundfarbe an.
alignmentZeigt die Schaltfläche für Ausrichtung an.
bulleted_listZeigt die Schaltfläche für Aufzählungsliste an.
numbered_listZeigt die Schaltfläche für nummerierte Listen an.
lineheightZeigt die Schaltfläche für Zeilenhöhe an.
outdentZeigt die Schaltfläche für Ausrückung an.
indentZeigt die Schaltfläche für Einzug an.
strikethroughZeigt die Schaltfläche für Durchgestrichen-Formatierung an.
superscriptZeigt die Schaltfläche für Hochgestellt-Formatierung an.
subscriptZeigt die Schaltfläche für Tiefgestellt-Formatierung an.
code_formatZeigt die Schaltfläche für Codeformat an.

Schaltflächen zum Einfügen

OptionDescription
linkZeigt die Link-Schaltfläche an.
imageZeigt die Bild-Schaltfläche an. In E-Mail-Modulen nicht unterstützt.
emojiZeigt die Emoji-Schaltfläche an.
personalizeZeigt das Symbolleistenelement zum Symbolleiste an.
ctaZeigt das Call-to-Action-Menüelement unter dem Einfügen-Menü an.
embedZeigt das Einbetten-Menüelement unter dem Einfügen-Menü an.
videoZeigt das Video-Menüelement unter dem Einfügen-Menü an.
tableZeigt das Tabellenmenüelement unter dem Einfügen-Menü an.
charmapZeigt das Sonderzeichen-Menüelement unter dem Einfügen-Menü an.
anchorZeigt das Anker-Menüelement unter dem Einfügen-Menü an.
hrZeigt das Menüelement „Horizontale Linie“ unter dem Einfügen-Menü an.
nonbreaking_spaceZeigt das Menüelement „Geschütztes Leerzeichen“ unter dem Einfügen-Menü an.
iconZeigt das Symbol-Menüelement unter dem Einfügen-Menü an.

Erweiterte Optionen

OptionDescription
source_codeZeigt das Quellcode-Menüelement im erweiterten Menü an.
visual_blocksZeigt das Menüelement „Blöcke anzeigen“ im erweiterten Menü an.