Die Textkomponente ermöglicht es dir, strukturierte Textinhalte auf deiner Headline-Seite einzusetzen und professionell zu formatieren.
Sie eignet sich ideal für:
Fließtexte
Überschriften
strukturierte Listen
erklärende Hinweise
hervorgehobene Textstellen
verlinkte Inhalte
Tooltips mit Zusatzinformationen
Sobald du in die Textkomponente klickst, öffnet sich ein Rich-Text-Editor, über den du deinen Text direkt schreiben oder bearbeiten kannst.
Unterhalb des Abschnitts „Inhalt“ erscheint zusätzlich ein Icon mit zwei kleinen Pfeilen.
Wenn du darauf klickst, wird die Textkomponente aus der Seitenleiste des Editors ausgeklappt und in einem separaten Pop-up dargestellt. So kannst du deinen Text komfortabler bearbeiten und bist nicht mehr auf die schmale Editor-Spalte begrenzt.
Rich-Text-Editor
Vordefinierte Textformate
Es stehen vier Formatvorlagen zur Verfügung:
Default-Text (Standard-Fließtext)
H1 (Hauptüberschrift)
H2 (Zwischenüberschrift)
H3 (Unterüberschrift)
Diese helfen dir, eine klare visuelle Hierarchie aufzubauen.
Formatierungsmöglichkeiten
Zusätzlich zu den Standard-Textformaten kannst du:
Text fett formatieren
Text durchstreichen
Text mit einer Hintergrundfarbe markieren (Highlighter-Effekt)
Textgröße einstellen
Minimum: 9 pt
Maximum: 64 pt
Textfarbe anpassen (basierend auf deinen im Dashboard definierten Designfarben)
Tastenkombinationen
Wie in gängigen Texteditoren kannst du auch hier Standard-Tastenkombinationen verwenden:
Strg/Cmd + B → Text fett (Bold)
Strg/Cmd + I → Text kursiv (Italic)
So kannst du markierten Text schnell formatieren, ohne das Icon in der Toolbar zu nutzen.
Wenn du vorformatierten Text einfügst, werden vorhandene Formatierungen – soweit möglich – automatisch übernommen.
Möchtest du den Text ohne bestehende Formatierungen einfügen, verwende die Tastenkombination Shift + Alt + Command + V.
Listen & Hierarchien
Du kannst Inhalte strukturieren mit:
Bulletpoints
Nummerierten Listen
Die Hierarchie lässt sich über zwei Icons weiter vertiefen. So kannst du Unterpunkte einrücken und mehrstufige Listen erstellen.
Textausrichtung
Folgende Ausrichtungen stehen zur Verfügung:
Linksbündig
Zentriert
Rechtsbündig
Verlinkungen
Markierten Text kannst du:
mit einem Link versehen
bestehende Verlinkungen wieder entfernen
Die Funktion verhält sich identisch zu allen anderen Verlinkungen im System.
Tooltips
Du kannst Textstellen mit Tooltips versehen. Beim Hover mit der Maus wird eine zusätzliche Information eingeblendet – ideal für kurze Erklärungen oder Hinweise.
Formatierung zurücksetzen
Mit dem Radiergummi-Icon kannst du sämtliche zuvor gesetzten Formatierungen entfernen und den Text in den Ursprungszustand zurücksetzen.
AI-Generate-Funktion
Die Textkomponente verfügt über eine integrierte AI-Unterstützung.
Du kannst:
bestehenden Text rephrasen
Text verkürzen
Text verlängern
Text verbessern
den Ton anpassen
komplett neuen Text generieren
Die AI-Funktion arbeitet entweder auf einem selektierten Textabschnitt oder auf Basis deiner Eingabe.
Farbschema der Komponente
Wie bei anderen Komponenten kannst du auch hier das Farbschema anpassen. Dabei greifst du auf deine zuvor definierten Farbschemas zurück.
Schritt-für-Schritt Anleitung
Textkomponente hinzufügen und bearbeiten
Öffne den Seiten-Editor.
Klicke auf das Plus-Icon im Editor.
Wähle die Textkomponente aus der Komponentenliste aus.
Klicke in die Textkomponente hinein, um den Rich-Text-Editor zu öffnen.
Schreibe deinen Text oder füge bestehenden Text ein.
Optional:
Klicke auf das Expand-Icon unter „Inhalt“, um die Bearbeitung im Pop-up zu öffnen.
Wähle ein passendes Textformat oder passe deinen Text mit weiteren Auszeichnungen an.
Passe bei Bedarf das Farbschema der gesamten Komponente an.
Tipps & Tricks
Verwende H1 sparsam – meist nur einmal pro Seite.
Nutze H2 und H3 für klare inhaltliche Strukturierung.
Die Pop-up-Ansicht eignet sich besonders für längere Texte.
Mit Tastenkombinationen arbeitest du schneller als über die Icons.
Achte darauf, nicht zu viele Schriftgrößen gleichzeitig zu verwenden – Konsistenz erhöht die Lesbarkeit.