https://github.com/open-federation/json-schema-editor-visual

A json-schema editor of high efficient and easy-to-use, base on React.
https://github.com/open-federation/json-schema-editor-visual

Last synced: about 23 hours ago
JSON representation

A json-schema editor of high efficient and easy-to-use, base on React.

• Host: GitHub
• URL: https://github.com/open-federation/json-schema-editor-visual
• Owner: Open-Federation
• License: mit
• Created: 2018-03-13T02:37:55.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-11-27T15:32:54.000Z (about 1 year ago)
• Last Synced: 2025-01-05T23:05:44.482Z (about 23 hours ago)
• Language: JavaScript
• Homepage: https://hellosean1025.github.io/json-schema-visual-editor/
• Size: 2.64 MB
• Stars: 1,034
• Watchers: 24
• Forks: 228
• Open Issues: 52
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# json-schema-editor-visual

A json-schema editor of high efficient and easy-to-use, base on React.

![avatar](json-schema-editor-visual.jpg)

## Usage

```

npm install json-schema-editor-visual

```

```js

const option = {}

import 'antd/dist/antd.css'

require('json-schema-editor-visual/dist/main.css')

const schemaEditor = require("json-schema-editor-visual/dist/main.js");

const SchemaEditor = schemaEditor(option)

render(

    ,

  document.getElementById('root')

)

```

## Option Object

| name | desc | default |

| ---- | ----------- | --------- |

| `lang` | language, support `en_US` or `zh_CN` | en_US 

## SchemaEditor Props

| name | type | default | desc

| ---- | ----------- | --------- | --------- |

| `data` | string | null | the data of editor

| `onChange`| function | null | 

| `showEditor` | boolean | false | 

## Links

https://github.com/zyqwst/json-schema-editor-vue