awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
json-editor avatar

json-editor/json-editor

0
View on GitHub↗
4,900 estrellas·699 forks·JavaScript·MIT·2 vistas

Json Editor

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.

Features

  • Schema-Driven Generators - Automatically generates a hierarchy of HTML form elements and input controls based on JSON Schema definitions.
  • Declarative UI Schemas - Functions as a schema-driven UI framework that maps declarative data structures to interactive form components.
  • Form Builders - Provides a framework for creating interactive forms with conditional logic, custom resolvers, and dynamic field values.
  • Plugin-Based Input Extensions - Provides a plugin system for registering custom resolver functions and UI components for specialized data types.
  • JSON Forms - Provides a framework for automatically generating dynamic web forms from JSON schema specifications.
  • Conditional Validation Rules - Applies dynamic validation rules using if-then-else logic based on the current values of other form fields.
  • Schema Validators - Verifies that current form values conform to predefined JSON Schema rules and flags invalid entries.
  • Schema Reference Resolution - Resolves internal and external JSON pointers to load schema definitions from remote URLs or local sources.
  • Bidirectional Data-Binding - Synchronizes the internal JSON data model with the DOM state via programmatic getters and setters.
  • Standard Input Controls - Generates standard HTML form inputs for strings, integers, and numbers based on JSON Schema types.
  • JSON Schema Editors - Provides a browser-based interface for editing complex JSON structures guided by a schema and integrated validation.
  • Specialized Editor Integrations - Integrating specialized editors such as WYSIWYG, Markdown, or code editors into a schema-driven form workflow.
  • Markdown Editors - Embeds a dedicated markdown editor component for authoring and formatting string content.
  • Visual Array Layouts - Renders JSON arrays as interactive tables, tabs, or multi-select lists to improve data entry efficiency.
  • Template Interpolation - Uses a template engine to update field labels and values in real-time based on other input states.
  • Dynamic Configuration Interfaces - Enables the creation of administrative panels for editing complex JSON settings through a structured UI.
  • Value Change Triggers - Implements callbacks that trigger specific actions whenever a form field value is modified.
  • Custom Validation Rules - Allows the injection of user-defined logic into the validation engine to enforce custom data formats.
  • Embedded Third-Party Editors - Embeds specialized third-party editors for WYSIWYG HTML, Markdown, and syntax-highlighted code within the generated forms.
  • Code Editor Components - Integrates full-featured code editor components with syntax highlighting for various programming and markup languages.
  • Complex Form Layouts - Simplifies complex JSON data entry by rendering nested objects and arrays as tables, tabs, and grids.
  • Dynamic Field Syncing - JSON Editor updates specific field values automatically based on other inputs using a JavaScript template engine.
  • Custom Resolver Components - Allows registering custom resolver functions and UI components to handle specialized data types.
  • Rich Text WYSIWYG Editors - Integrates rich text WYSIWYG editors for HTML, BBCode, and general visual formatting.
  • Schema-Driven Input Rendering - Automatically renders specialized inputs such as color pickers and date pickers based on the format defined in the JSON schema.
  • CSS Framework Mapping - Decouples form generation from visual styling by mapping structural elements to various CSS framework classes.
  • Form Layout Management - Allows precise control over the visual arrangement of fields using grids, tabs, and custom property ordering.
  • Cross-Field Dependency Links - Implements logic that triggers updates or visibility changes in form fields based on the state of other inputs.
  • Data Utilities and Libraries - JSON Schema-based form editor.

Historial de estrellas

Gráfico del historial de estrellas de json-editor/json-editorGráfico del historial de estrellas de json-editor/json-editor

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Preguntas frecuentes

¿Qué hace json-editor/json-editor?

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.

¿Cuáles son las características principales de json-editor/json-editor?

Las características principales de json-editor/json-editor son: Schema-Driven Generators, Declarative UI Schemas, Form Builders, Plugin-Based Input Extensions, JSON Forms, Conditional Validation Rules, Schema Validators, Schema Reference Resolution.

¿Qué alternativas de código abierto existen para json-editor/json-editor?

Las alternativas de código abierto para json-editor/json-editor incluyen: jdorn/json-editor — json-editor is a schema-driven UI generator and web-based editor that automatically creates interactive HTML forms… xaboy/form-create — form-create is a JSON-driven form generator and low-code form builder that renders dynamic web forms and validation… theorchid/platform — Platform is a framework for building back-office applications and administrative dashboards using Laravel. It… hapijs/joi — Joi is a JavaScript data validation library used to define schemas that validate, cast, and sanitize data objects. It… typestack/class-validator — class-validator is a TypeScript class validation library that uses decorators to define constraints and rules for… area17/twill — Twill is a Laravel CMS toolkit and admin panel generator designed for building custom administrative consoles and…

Alternativas open-source a Json Editor

Proyectos open-source similares, clasificados según cuántas características comparten con Json Editor.
  • jdorn/json-editorAvatar de jdorn

    jdorn/json-editor

    5,826Ver en GitHub↗

    json-editor is a schema-driven UI generator and web-based editor that automatically creates interactive HTML forms from JSON Schema definitions. It functions as a tool for collecting, modifying, and validating structured data by mapping schema specifications to corresponding input components. The project distinguishes itself through a plug-in input architecture and resolver-based component mapping, which allow for the injection of third-party editors and custom input interfaces for specialized data types such as markdown, colors, and syntax-highlighted code. It also supports external schema r

    JavaScript
    Ver en GitHub↗5,826
  • xaboy/form-createAvatar de xaboy

    xaboy/form-create

    7,055Ver en GitHub↗

    form-create is a JSON-driven form generator and low-code form builder that renders dynamic web forms and validation logic from configuration files. It functions as a data-driven form orchestrator for managing field dependencies and hierarchical data structures within complex layouts. The system includes a visual drag-and-drop interface for designing data entry layouts and automatically generating their corresponding configuration structures. It provides a dynamic UI component library of adaptable form fields and layout containers designed for cross-framework integration and mobile responsiven

    JavaScriptant-design-vuearco-designelement-plus
    Ver en GitHub↗7,055
  • theorchid/platformAvatar de TheOrchid

    TheOrchid/Platform

    4,791Ver en GitHub↗

    Platform is a framework for building back-office applications and administrative dashboards using Laravel. It functions as a schema-driven UI framework and CRUD generator that automatically constructs database management interfaces, input forms, and validation rules from programmatic model definitions. The project distinguishes itself through a comprehensive backend UI kit that supports advanced data capture, including geographic coordinate mapping, tabular JSON data matrices, and marketing metadata tracking. It features a robust role-based access control system for managing resource visibili

    PHP
    Ver en GitHub↗4,791
  • hapijs/joiAvatar de hapijs

    hapijs/joi

    21,192Ver en GitHub↗

    Joi is a JavaScript data validation library used to define schemas that validate, cast, and sanitize data objects. It functions as an object schema validator and parser, ensuring that input data matches specific types and formats before it is processed by an application. The library features a conditional validation engine capable of dynamic schema enforcement, where validation logic and dependencies change based on the values of other keys within an object. It also serves as a data casting and sanitization tool, transforming input values into target types and removing sensitive keys from the

    JavaScripthapijavascriptschema
    Ver en GitHub↗21,192
  • Ver las 30 alternativas a Json Editor→