# Inhaltsblöcke & Formatierung

Füge Rich-Text, Bilder, Videos, Einbettungen und Tabellen zu deinem Formular hinzu.

## Inhaltsblöcke & Formatierung

Formulare bestehen nicht nur aus Fragen. Verwende Inhaltsblöcke, um Kontext, Branding und Rich-Media zwischen den Feldern einzufügen.

<h2 id="available-blocks">Verfügbare Blöcke</h2>
<p>
  Tippe <kbd>/</kbd> auf der Arbeitsfläche (oder drücke <kbd>Cmd/Ctrl + /</kbd>), um das Blockmenü zu öffnen, und wähle dann einen Block
  aus. Inhaltsblöcke stehen neben Fragen und können per Drag-and-Drop neu angeordnet werden. Paragraph ist der Standardblock — tippe einfach
  auf der Arbeitsfläche; er hat keinen Menüeintrag.
</p>

<p>
  Ein Bild trägt eine optionale Bildunterschrift (<strong>Bildunterschrift hinzufügen</strong> im Blockmenü) und ein Untermenü{' '}
  <strong>Ausrichten</strong> mit Links, Zentriert und Rechts. <strong>Bild ersetzen</strong> tauscht die Datei aus, ohne die
  Bildunterschrift zu verlieren.
</p>

<h2 id="embeds">Einbettungen</h2>
<p>
  Drei Einbettungsblöcke liegen unter <strong>Medien</strong>. Jeder beginnt leer; öffne sein Blockmenü, um ihn zu befüllen.
</p>

<h2 id="text-formatting">Textformatierung</h2>
<p>
  Markiere Text in einem Paragraph, einer Überschrift, einem Listenelement oder einer Tabellenzelle, um die schwebende Symbolleiste
  anzuzeigen:
</p>
<ul>
  <li>
    <strong>Fett</strong> (<kbd>Cmd/Ctrl + B</kbd>), <em>kursiv</em> (<kbd>+ I</kbd>), unterstrichen (<kbd>+ U</kbd>), durchgestrichen (
    <kbd>+ S</kbd>)
  </li>
  <li>Inline-Code und Gleichung (LaTeX)</li>
  <li>
    Link — die Schaltfläche in der Symbolleiste oder <kbd>Cmd/Ctrl + K</kbd> bei markiertem Text
  </li>
  <li>Schriftart und Schriftgröße</li>
  <li>
    Farbe — ein Menü mit einer Zeile <strong>Hervorheben</strong> und einer Zeile <strong>Unterstreichen</strong>, jede mit Standard, Blau,
    Grün, Gelb und Rot
  </li>
</ul>
<p>Überschriften und Listen werden über das Blockmenü eingefügt, nicht über die schwebende Symbolleiste.</p>

<h2 id="tables">Tabellen</h2>
<p>
  Füge eine <strong>Tabelle</strong> über das Blockmenü ein. Tabellen sind statisch — Ausfüllende lesen sie, können aber keine Zellen
  bearbeiten. Gut für Preisübersichten oder Referenzdaten.
</p>
<p>
  Klicke auf eine Zelle, um sie zu bearbeiten. Bewege den Mauszeiger über eine Zeile oder Spalte, um ihren Griff sichtbar zu machen, und
  klicke auf den Griff für seine Aktionen:
</p>
<ul>
  <li>
    <strong>Zeile oberhalb hinzufügen</strong> / <strong>Zeile unterhalb hinzufügen</strong>, <strong>Spalte links hinzufügen</strong> /{' '}
    <strong>Spalte rechts hinzufügen</strong>
  </li>
  <li>
    <strong>Zeile duplizieren</strong> / <strong>Spalte duplizieren</strong>
  </li>
  <li>
    <strong>Zeile löschen</strong> / <strong>Spalte löschen</strong>
  </li>
</ul>
<p>
  Ziehe denselben Griff, um eine Zeile oder Spalte neu anzuordnen. Ziehe den Rand zwischen zwei Zellen, um die Größe zu ändern; der erste
  Zug fixiert die aktuellen Breiten, sodass die Tabelle die gesehenen Proportionen behält. Zellen übernehmen dieselbe Inline-Formatierung
  wie Paragraphen — fett, kursiv, Links und Antwort-Piping mit <kbd>@</kbd>-Erwähnungen.
</p>

<h2 id="piping">Antwort-Piping in Inhalten</h2>
<p>
  Inhaltsblöcke unterstützen Antwort-Piping. Tippe <strong>@</strong> in einem beliebigen Paragraph, einer Überschrift oder einem
  Listenelement, um das Erwähnungsmenü zu öffnen und eine Feldreferenz einzufügen. Zum Beispiel zeigt eine Überschrift wie "Danke,{' '}
  <strong>@Vorname</strong>" beim Ausfüllen des Formulars den tatsächlichen Namen der ausfüllenden Person an. Weitere Informationen findest
  du im vollständigen Leitfaden unter <a href="/de/building-forms/answer-piping">Antwort-Piping</a>.
</p>

<h2 id="examples">Häufige Anwendungsbeispiele</h2>
<ul>
  <li>
    <strong>Bewerbungsformular</strong> — Eine Überschrift leitet jeden Abschnitt ein ("Persönliche Daten", "Berufserfahrung"), Paragraphen
    erklären, was ausgefüllt werden soll, und ein Bildblock zeigt ein Beispiel-Lebenslauf-Layout
  </li>
  <li>
    <strong>Veranstaltungsregistrierung</strong> — Eine YouTube-Einbettung zeigt den Event-Trailer, eine Google Maps-Einbettung zeigt den
    Veranstaltungsort, und eine Tabelle listet den Zeitplan auf
  </li>
  <li>
    <strong>Produktbestellung</strong> — Single Picture Choice zur Produktauswahl, ein 2-Spalten-Layout stellt Menge und Größe
    nebeneinander, und ein Paragraph darunter zeigt die Allgemeinen Geschäftsbedingungen
  </li>
  <li>
    <strong>Personalisierte Bestätigung</strong> — Auf der Danke-Seite liest eine Überschrift "Danke, <strong>@Name</strong>!" und ein
    Paragraph übergibt <strong>@Bestellsumme</strong> aus einem berechneten Feld
  </li>
</ul>

> 💡 **Nicht übertreiben**
> <p>
>     Umfangreiche Medien verlangsamen das Laden des Formulars. Verwende Einbettungen nur dort, wo sie den Ausfüllenden direkt helfen — ein
>     kurzes Erklärvideo, eine Karte mit deinem Standort.
>   </p>

<h2 id="next-steps">Nächste Schritte</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Validierungsregeln](/de/building-forms/field-configuration#validation-rules) — Pflichtfelder, Min./Max., Muster und Einschränkungen
  - [Bedingte Logik](/de/building-forms/conditional-logic) — Blöcke basierend auf Antworten ein- oder ausblenden
  - [Antwort-Piping](/de/building-forms/answer-piping) — Antworten mit @-Erwähnungen referenzieren
  - [Erscheinungsbild & Theming](/de/branding-domains/appearance-theming) — Theme, Cover, Logo, Dunkelmodus
</div>