1 个仓库
Awesome GitHub RepositoriesSchema-Driven Input Rendering
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.
Awesome Schema-Driven Input Rendering GitHub Repositories
用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
- json-editor/json-editor
json-editor/json-editor
4,900在 GitHub 上查看JSON Editor 是一个基于 Schema 的 UI 框架和 Web 编辑器，用于生成交互式表单并验证 JSON 数据。它将 JSON Schema 规范转换为 HTML 表单元素层级，使用户能够通过结构化界面而非原始文本来操作复杂的 JSON 结构。 该框架的特色在于其基于插件的扩展系统，支持自定义解析器函数以及集成 WYSIWYG、Markdown 和语法高亮代码编辑器等专用编辑器。它采用递归 Schema 解析来处理嵌套定义，并实现了基于 if-then-else 逻辑的状态条件验证。 该项目提供了广泛的功能，包括双向数据绑定、用于网格和标签页的数组与对象布局管理，以及通过模板插值实现的动态字段同步。其组件库涵盖了标准输入以及颜色选择器、日期时间选择器、自动补全组件和文件上传接口等专用工具。 该界面支持 UI 字符串的本地化，并可与各种 CSS 框架集成，从而将结构化表单生成与视觉样式解耦。
Automatically renders specialized inputs such as color pickers and date pickers based on the format defined in the JSON schema.
JavaScript
