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

Referencia de campos de Componentes

Referencia de campos de Componentes

Esta referencia cubre los tipos de campos disponibles al definir Componentes de FaceFlow.

Usa esta sección cuando necesites decidir qué tipo de entrada orientada al editor debe exponer una sección y cómo esa entrada debe representarse de forma segura y predecible.

Tipos de campos de nivel superior

Tipos de subcampos solo para Repetidor

Estos tipos de campo están pensados para usarse dentro de filas repeater en lugar de como campos generales de sección de nivel superior.

Reglas de selección de campo

Elige un tipo de campo según el contrato de contenido que quieras preservar:

  • use text para cadenas cortas
  • use textarea para texto plano de múltiples líneas
  • use number para valores numéricos que deben permanecer numéricos
  • use url para enlaces y destinos
  • use date para fechas de publicación, eventos o cronologías
  • use image o images para medios gestionados
  • use file para activos descargables
  • use select o checkbox para opciones controladas
  • use richtext para formato editorial
  • use htmlcode solo para marcado avanzado controlado
  • use map para datos de ubicación estructurados
  • use repeater para filas repetidas y estructuradas
  • use formSelect y reviewSelect para integraciones gestionadas

Guía rápida de decisión

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

Ejemplo de esquema

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

Relacionado