1 repositorio
Mapping specific schema formats to specialized UI input components like color or date pickers.
Distinct from Input Formatting: Neither the candidates for input formatting nor generators capture the mapping of schema formats to specialized UI widgets.
Explore 1 awesome GitHub repository matching user interface & experience · Schema-Driven Input Rendering. Refine with filters or upvote what's useful.
JSON Editor es un framework de UI basado en esquemas y editor basado en web utilizado para generar formularios interactivos y validar datos JSON. Traduce especificaciones de JSON Schema en una jerarquía de elementos de formulario HTML, permitiendo a los usuarios manipular estructuras JSON complejas a través de una interfaz estructurada en lugar de texto crudo. El framework se diferencia por un sistema de extensión basado en plugins que soporta funciones de resolución personalizadas y la integración de editores especializados, como WYSIWYG, Markdown y editores de código con resaltado de sintaxis. Emplea resolución de esquemas recursiva para manejar definiciones anidadas e implementa validación condicional basada en estado utilizando lógica if-then-else. El proyecto proporciona una amplia gama de capacidades, incluyendo enlace de datos bidireccional, gestión de layout de objetos y arrays para rejillas y pestañas, y sincronización dinámica de campos mediante interpolación de plantillas. Su librería de componentes cubre entradas estándar junto con herramientas especializadas como selectores de color, selectores de fecha y hora, componentes de autocompletado e interfaces de carga de archivos. La interfaz soporta la localización de cadenas de UI e integra varios frameworks CSS para desacoplar la generación estructural de formularios del estilo visual.
Automatically renders specialized inputs such as color pickers and date pickers based on the format defined in the JSON schema.