JSON Editor v1.2.0

JSON Editor - v1.2.0

Offline JSON editor with syntax highlighting, real-time validation, and graph visualisation.

Installation

1. Download json-editor-v1.2.0.zip
2. Extract the archive
3. Open index.html in your browser

What's New

🖱️ Drag-to-Pan Canvas

• Click and Drag: Click anywhere on the visualisation canvas and drag to move it around
• Grab Cursor: Cursor changes to an open hand (grab) when hovering, and a closed hand (grabbing) when dragging
• Smooth Panning: Scroll-based panning for smooth, responsive movement
• Large Canvas Support: Perfect for navigating large JSON structures with many nodes

🎯 Smart Interactions

• No Conflicts: Dragging the canvas doesn't interfere with:
  • Dragging individual nodes to reposition them
  • Clicking zoom controls (+, -, reset)
  • Other UI interactions
• Intelligent Detection: Automatically detects when you're interacting with nodes or controls

📌 Fixed Zoom Controls

• Sticky Positioning: Zoom controls now stay visible in the top-right corner
• Always Accessible: Controls remain in place even when panning the canvas
• No More Scrolling: Previously, zoom controls would move with the canvas - now they're fixed

🔧 Technical Improvements

• Restructured visualisation DOM with wrapper div for better SVG rendering
• SVG edges and nodes now scroll together perfectly
• Improved edge alignment when panning
• Better container sizing logic

Bug Fixes

• Fixed zoom controls moving when dragging canvas
• Fixed SVG edge alignment issues during panning
• Fixed edge visibility after DOM restructuring

Previous Releases

• v1.1.0: JSON folding/collapsing feature
• v1.0.0: Initial release with offline JSON editing, syntax highlighting, validation, and graph visualisation

Full Changelog: v1.1.0...v1.2.0