🇩🇪 Deutsch 🇺🇸 English 🇪🇸 Español 🇫🇷 Français 🇮🇹 Italiano 🇳🇱 Nederlands 🇵🇹 Português
🇩🇪 Deutsch 🇺🇸 English 🇪🇸 Español 🇫🇷 Français 🇮🇹 Italiano 🇳🇱 Nederlands 🇵🇹 Português

Reference des champs de Component

Reference des champs de Component

Cette reference couvre les types de champs disponibles lors de la definition de Components FaceFlow.

Utilisez cette section lorsque vous devez decider quel type d'entree exposee a l'editeur une section doit offrir et comment cette entree doit etre rendue de maniere sure et previsible.

Types de champs de premier niveau

Sous-types reserves au repeater

Ces types de champs sont destines a etre utilises dans des lignes de repeater plutot qu'en tant que champs generaux de section au premier niveau.

Regles de choix d'un champ

Choisissez un type de champ selon le contrat de contenu que vous souhaitez conserver :

  • utilisez text pour des chaines courtes
  • utilisez textarea pour du copy brut sur plusieurs lignes
  • utilisez number pour des valeurs numeriques qui doivent rester numeriques
  • utilisez url pour des liens et destinations
  • utilisez date pour des dates de publication, d'evenement ou de timeline
  • utilisez image ou images pour des medias geres
  • utilisez file pour des actifs telechargeables
  • utilisez select ou checkbox pour des options controlees
  • utilisez richtext pour de la mise en forme editoriale
  • utilisez htmlcode uniquement pour du markup avance controle
  • utilisez map pour des donnees de localisation structurees
  • utilisez repeater pour des lignes structurees repetees
  • utilisez formSelect et reviewSelect pour des embeds geres

Guide de decision rapide

une chaine courte              -> text
un bloc simple multi-lignes    -> textarea
du contenu editorial formate   -> richtext
des cartes ou FAQ repetables   -> repeater
embed d'un Form gere           -> formSelect
embed d'une Review geree       -> reviewSelect
markup avance personnalise     -> htmlcode

Exemple de schema

[
  { "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" }
]