# ldesign-json-editor

**Repository Path**: ldesign-v1/ldesign-json-editor

## Basic Information

- **Project Name**: ldesign-json-editor
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-11
- **Last Updated**: 2026-04-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# @ldesign/json-editor

> JSON 可视化编辑器 — 支持 JSON Schema 驱动的树形视图和表单视图编辑。

## ✨ 特性

- **树形视图** — 以树状结构展示和编辑 JSON 数据
- **JSON Schema** — 基于 JSON Schema 进行数据验证和类型约束
- **撤销/重做** — 完整的历史记录管理
- **搜索** — 支持节点搜索和高亮
- **导入/导出** — JSON 格式导入导出
- **主题** — 亮色/暗色主题
- **Vue 集成** — 提供 Vue 组件和插件

## 📦 安装

```bash
pnpm add @ldesign/json-editor
```

## 🚀 快速开始

```ts
import { createJsonEditor } from '@ldesign/json-editor'

const editor = createJsonEditor({
  container: '#editor',
  data: { name: '张三', age: 25 },
  schema: {
    type: 'object',
    properties: {
      name: { type: 'string' },
      age: { type: 'number' },
    },
  },
  onChange: (data) => console.log('数据已更新', data),
})
```

## 📖 API

| 方法 | 说明 |
|------|------|
| `getData()` | 获取当前数据 |
| `setData(data)` | 设置数据 |
| `undo() / redo()` | 撤销/重来 |
| `search(query)` | 搜索节点 |
| `destroy()` | 销毁实例 |

## 📄 License

MIT © LDesign Team