1 Repo
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 ist ein schema-gesteuertes UI-Framework und ein webbasierter Editor, der dazu verwendet wird, interaktive Formulare zu generieren und JSON-Daten zu validieren. Er übersetzt JSON-Schema-Spezifikationen in eine Hierarchie von HTML-Formularelementen, was es Benutzern ermöglicht, komplexe JSON-Strukturen über eine strukturierte Schnittstelle anstelle von rohem Text zu manipulieren. Das Framework zeichnet sich durch ein plugin-basiertes Erweiterungssystem aus, das benutzerdefinierte Resolver-Funktionen und die Integration spezialisierter Editoren unterstützt, wie z. B. WYSIWYG-, Markdown- und syntax-hervorgehobene Code-Editoren. Es verwendet rekursive Schema-Auflösung, um verschachtelte Definitionen zu handhaben, und implementiert zustandsbasierte bedingte Validierung unter Verwendung von if-then-else-Logik. Das Projekt bietet ein breites Spektrum an Fähigkeiten, einschließlich bidirektionalem Data-Binding, Array- und Objekt-Layout-Management für Grids und Tabs sowie dynamischer Feld-Synchronisierung via Template-Interpolation. Seine Komponentenbibliothek deckt Standard-Inputs neben spezialisierten Tools wie Farbwählern, Datum-Zeit-Wählern, Autocomplete-Komponenten und Datei-Upload-Schnittstellen ab. Die Schnittstelle unterstützt die Lokalisierung von UI-Strings und integriert sich in verschiedene CSS-Frameworks, um die strukturelle Formulargenerierung vom visuellen Styling zu entkoppeln.
Automatically renders specialized inputs such as color pickers and date pickers based on the format defined in the JSON schema.