Code Mode

Tree Mode

Instructions

Code Mode

  • Edit JSON code directly
  • Syntax highlighting and auto-complete
  • Automatic syntax error detection
  • Use the toolbar for quick actions

Tree Mode

  • Visually view and edit JSON structure
  • Add, delete, rename nodes
  • Expand/collapse nodes for details
  • Use the toolbar for quick actions

Tips

The two editors operate independently. Click "Sync to Tree" or "Sync to Code" to sync content. The toolbar provides shortcuts for formatting, compressing, sorting, and fixing.