jdorn/json-editor
Json Editor
json-editor es un generador de UI basado en esquemas y editor basado en web que crea automáticamente formularios HTML interactivos a partir de definiciones de JSON Schema. Funciona como una herramienta para recolectar, modificar y validar datos estructurados mapeando especificaciones de esquema a componentes de entrada correspondientes.
El proyecto se distingue por una arquitectura de entrada plug-in y mapeo de componentes basado en resolvedores, que permiten la inyección de editores de terceros e interfaces de entrada personalizadas para tipos de datos especializados como markdown, colores y código con resaltado de sintaxis. También soporta la resolución de esquemas externos vía URLs y enlaces de hyper-schema para integrar modelos de datos remotos y documentos relacionados.
El sistema cubre una gestión integral del diseño de formularios, incluyendo arreglos de cuadrícula y configuraciones de arrays, junto con lógica condicional para campos dependientes y población dinámica de enums. Proporciona un motor de validación que aplica tanto restricciones de esquema estandarizadas como reglas de negocio personalizadas, mientras soporta la localización de cadenas de UI e integración con frameworks CSS externos.
Features
- JSON Forms - Automatically generates interactive HTML forms from JSON Schema definitions to collect and validate structured data.
- Schema-Driven Generators - Automatically translates JSON schema definitions into interactive HTML forms by mapping data types to input components.
- Input Component Plug-ins - Provides a plug-in architecture for injecting third-party editors and custom validation into the form rendering pipeline.
- Form Validation Schemas - Checks current form values against a JSON schema to identify and return a list of validation errors.
- JSON Schema Editors - Provides a web-based interface for modifying JSON data with built-in schema validation and error reporting.
- Schema-Driven Component Libraries - Implements a UI component library that renders input fields and layouts based on standardized JSON specifications.
- Type-to-Component Mappings - Connects schema properties to custom UI inputs using a lookup system that matches data types to handler functions.
- Custom Form Builders - Provides a system for constructing complex user interfaces with dependent fields and grid layouts driven by data schemas.
- Form Field State Management - Provides utilities to read or update data within the editor for entire forms or specific nested fields.
- Cross-Field Dependency Links - Implements logic that automatically updates the value or visibility of fields based on changes in other watched fields.
- Recursive Form Nesting - Builds hierarchical form structures by recursively traversing nested objects and arrays within a schema.
- Specialized Input Widgets - Ships specialized input widgets for complex data types including markdown, colors, dates, and syntax-highlighted code.
- UI String Localizations - Supports overriding default labels and error messages to provide multi-language and project-specific terminology.
- Custom Validation Rules - Allows injecting custom logic into the validation engine to enforce specific data patterns or business rules.
- External Schema Resolution - Loads and integrates remote JSON schema definitions via URLs for reusable data models.
- Custom Data Input Components - Provides specialized UI components and resolvers for complex data types like markdown, colors, and syntax-highlighted code.
- Dependency-Based Visibility Logic - Implements automatic field visibility and value updates by monitoring specific data paths.
- Complex Form Layouts - Organizes nested data structures into grids, tables, or tabs to improve navigation of large datasets.
- Schema-Driven Input Interfaces - Supports adding custom input components and resolver functions to handle specialized data types.
- Conditional Input Logic - Implements dependent fields that change their visibility, value, or state based on inputs from other form parts.
- Dynamic Field Populators - Provides utilities to dynamically populate dropdown menus with filtered or sliced values sourced from other form fields.
- Localized Form Components - Translates UI labels and error messages to support multiple languages within the schema-driven interface.
- Dynamic Grid Layouts - Implements grid layouts that arrange multiple child fields per row to minimize vertical scrolling.
- Real-Time Input Validation - Ensures user input adheres to business rules and schema constraints with real-time error reporting.
- GraphQL Tools - Editor for JSON data based on JSON Schema.
