JSON Editor

一个功能强大的 JSON 编辑器组件，专注于提供最佳的 JSON 编辑体验。

🌟 亮点功能

• 🎨 主题系统
  • 内置明暗主题
  • 可自定义主题变量
  • 支持组件级样式定制
• 🔍 智能编辑
  • 路径高亮和提示
  • 智能补全和验证
  • 格式化和压缩
• ✨ Schema 支持
  • JSON Schema 验证
  • 实时错误提示
  • 类型感知补全
• 💡 开发友好
  • TypeScript 支持
  • 丰富的 API
  • 灵活的扩展机制

🚀 快速开始

安装

pnpm add @bagaking/jsoneditor

基础使用

import { JsonEditor } from '@bagaking/jsoneditor';

function App() {
  return (
    <JsonEditor
      defaultValue={'{"hello": "world"}'}
      themeConfig={{ theme: 'light' }}
    />
  );
}

📖 文档导航

使用指南

• 快速开始 - 5 分钟上手 JSON Editor
• 基础用法 - 常用功能和配置说明
• Schema 验证 - JSON Schema 验证指南
• 自定义配置 - 主题和组件定制

API 参考

• 编辑器 - 核心编辑器组件
• 工具栏 - 工具栏配置
• 状态栏 - 状态栏配置
• Schema 面板 - Schema 信息面板
• 装饰系统 - 路径装饰功能

设计文档

• 架构设计 - 系统架构说明
• 设计原则 - 设计理念和原则

🎮 在线演示

• CodeSandbox
• StackBlitz

🤝 贡献指南

欢迎提交 Issue 或 Pull Request!

📄 许可证

MIT