1 repository
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 este un framework UI bazat pe schemă și un editor web utilizat pentru a genera formulare interactive și a valida datele JSON. Acesta traduce specificațiile JSON Schema într-o ierarhie de elemente de formular HTML, permițând utilizatorilor să manipuleze structuri JSON complexe printr-o interfață structurată în loc de text brut. Framework-ul se diferențiază printr-un sistem de extensie bazat pe plugin-uri care suportă funcții de rezolvare personalizate și integrarea editorilor specializați, cum ar fi WYSIWYG, Markdown și editori de cod cu sintaxă evidențiată. Utilizează rezolvarea recursivă a schemelor pentru a gestiona definițiile imbricate și implementează validarea condiționată bazată pe stare folosind logica if-then-else. Proiectul oferă o gamă largă de capabilități, inclusiv binding bidirecțional de date, gestionarea layout-ului de array-uri și obiecte pentru grid-uri și tab-uri și sincronizarea dinamică a câmpurilor prin interpolarea template-urilor. Biblioteca sa de componente acoperă intrări standard alături de instrumente specializate precum selectoare de culoare, selectoare de dată-timp, componente de autocomplete și interfețe de upload de fișiere. Interfața suportă localizarea șirurilor UI și se integrează cu diverse framework-uri CSS pentru a decupla generarea structurală a formularelor de stilizarea vizuală.
Automatically renders specialized inputs such as color pickers and date pickers based on the format defined in the JSON schema.