json-schema-editor-lite

Json Schema 可视化编辑器（Antd）

基于 json-schema-editor-visual 和 json-schema-editor-antd 改造，支持元组（tuple）功能

快速开始

# 开发
npm run dev

# 构建
npm run build

# 发布前预览
npm run prepublishOnly && arco preview

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

示例

npm install json-schema-editor-lite

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 (
    <JsonSchemaEditor
      data={jsonData}
      onChange={(data) => {
        setJsonData(data);
      }}
    />
  )
}

感谢

• https://github.com/lin-mt/json-schema-editor-antd
• https://github.com/Open-Federation/json-schema-editor-visual