Komponenten-Feldreferenz

Diese Referenz behandelt die Feldtypen, die verfügbar sind, wenn FaceFlow Components definiert werden.

Verwenden Sie diesen Abschnitt, wenn Sie entscheiden müssen, welche Art von editorseitigem Eingabefeld ein Abschnitt bereitstellen soll und wie diese Eingabe sicher und vorhersehbar gerendert werden soll.

Feldtypen auf oberster Ebene

• Text
• Textarea
• Number
• URL
• Date
• Image
• Images
• File
• Select
• Checkbox
• Richtext
• HTML Code
• Map
• Repeater
• Form Select
• Review Select

Nur im Repeater verwendbare Unterfeldtypen

Diese Feldtypen sind dafür vorgesehen, innerhalb von repeater-Zeilen verwendet zu werden und nicht als allgemeine Felder auf oberster Ebene der Sektion.

• Color
• Email
• Telephone
• Range

Regeln zur Feldauswahl

Wählen Sie einen Feldtyp entsprechend dem Inhaltsvertrag, den Sie beibehalten möchten:

• verwenden Sie text für kurze Zeichenketten
• verwenden Sie textarea für mehrzeiligen, unformatierten Text
• verwenden Sie number für numerische Werte, die numerisch bleiben sollen
• verwenden Sie url für Links und Zieladressen
• verwenden Sie date für Veröffentlichungs-, Event- oder Zeitachsen-Daten
• verwenden Sie image oder images für verwaltete Medien
• verwenden Sie file für herunterladbare Assets
• verwenden Sie select oder checkbox für kontrollierte Optionen
• verwenden Sie richtext für redaktionell formatierten Inhalt
• verwenden Sie htmlcode nur für kontrolliertes, fortgeschrittenes Markup
• verwenden Sie map für strukturierte Standortdaten
• verwenden Sie repeater für strukturierte wiederholte Reihen
• verwenden Sie formSelect und reviewSelect für verwaltete Einbettungen

Schnelle Entscheidungsübersicht

one short string            -> text
one multi-line plain block  -> textarea
formatted editorial content -> richtext
repeatable cards or FAQs    -> repeater
embed a managed Form        -> formSelect
embed a managed Review      -> reviewSelect
advanced custom markup      -> htmlcode

Schema-Beispiel

[
  { "name": "title", "label": "Title", "type": "text" },
  { "name": "summary", "label": "Summary", "type": "textarea" },
  { "name": "heroImage", "label": "Hero Image", "type": "image" },
  { "name": "ctaUrl", "label": "CTA URL", "type": "url" }
]

Verwandte Themen

• Components
• Pages
• Repeater
• Facet Template Syntax