https://github.com/zhuping/json-schema-editor-lite

Json Schema Editor
https://github.com/zhuping/json-schema-editor-lite

ant-design json react schema tuple typescript

Last synced: 3 months ago
JSON representation

Json Schema Editor

• Host: GitHub
• URL: https://github.com/zhuping/json-schema-editor-lite
• Owner: zhuping
• License: mit
• Created: 2022-08-16T11:40:36.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-09-26T10:29:29.000Z (over 2 years ago)
• Last Synced: 2025-01-03T12:13:32.018Z (5 months ago)
• Topics: ant-design, json, react, schema, tuple, typescript
• Language: TypeScript
• Homepage:
• Size: 370 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Json Schema 可视化编辑器（Antd）

基于 [json-schema-editor-visual](https://github.com/Open-Federation/json-schema-editor-visual) 和 [json-schema-editor-antd](https://github.com/lin-mt/json-schema-editor-antd) 改造，支持元组（tuple）功能

## 快速开始

```

# 开发

npm run dev

# 构建

npm run build

# 发布前预览

npm run prepublishOnly && arco preview

# 发布至物料平台（需先发布 NPM 包）

arco sync

```

## 示例

```shell

npm install json-schema-editor-lite

```

```typescript jsx

import JsonSchemaEditor from 'json-schema-editor-lite';

import 'json-schema-editor-lite/dist/css/index.css';

import { useEffect } from 'react';

export default () => {

  const [jsonData, setJsonData] = useEffect({});

  return (

     {

        setJsonData(data);

      }}

    />

  )

}

```

![示例](./image/img.jpg)

## 感谢

* https://github.com/lin-mt/json-schema-editor-antd

* https://github.com/Open-Federation/json-schema-editor-visual