Trình chỉnh sửa JSON dạng cây

Công cụ này làm gì

Trình chỉnh sửa JSON dạng cây biến một tài liệu JSON thành một cây có thể thu gọn để bạn duyệt và sửa trực tiếp. Thay vì lùng tìm dấu phẩy bị thiếu trong một tệp văn bản dài, bạn chỉ cần đổi giá trị trong một ô nhập nhỏ và công cụ sẽ viết lại JSON hợp lệ cho bạn.

Nó rất tiện cho tệp cấu hình, phản hồi API, dữ liệu test và tệp bản dịch: bất cứ thứ gì mà bạn cần hiểu cấu trúc trước rồi mới thực hiện vài thay đổi chính xác.

Cách sử dụng

1. Dán JSON vào ô đầu vào bên trái, hoặc tải ví dụ.
2. Khám phá cây. Nhấn vào mũi tên cạnh object hoặc mảng để mở rộng hoặc thu gọn nó, và dùng Số cấp mở rộng để chọn cây mở sâu bao nhiêu cấp theo mặc định.
3. Sửa trực tiếp:
   • Nhấn vào một khóa để đổi tên. Khóa giữ nguyên vị trí trong object.
   • Nhấn vào một chuỗi hoặc số để thay đổi nó. Boolean có menu chọn true hoặc false.
   • Dùng menu kiểu ở bên phải mỗi hàng để biến giá trị thành một kiểu JSON khác.
   • Nhấn + để thêm phần tử con vào object hoặc mảng, hoặc × để xóa một nút.
4. Nhấn Enter hoặc nhấn ra chỗ khác để áp dụng thay đổi, hoặc Escape để hủy.
5. Sao chép JSON đã cập nhật từ ô đầu vào. Tùy chọn Thụt lề quyết định cách định dạng.

Đường dẫn

Chọn một hàng sẽ hiển thị đường dẫn của nó theo kiểu JSONPath, như $.author.name hoặc $.keywords[2], kèm nút sao chép. Khóa không phải định danh thông thường sẽ được đặt trong dấu nháy, ví dụ $["first name"]. Đường dẫn hữu ích khi bạn viết code hoặc truy vấn đọc cùng trường đó, chẳng hạn với jq, optional chaining trong JavaScript hay hàm JSON của cơ sở dữ liệu.

Chỉnh sửa an toàn

Chỉnh sửa không bao giờ tạo ra JSON không hợp lệ. Nếu một thay đổi không thể áp dụng, ví dụ đổi tên khóa thành một khóa đã tồn tại hay gõ chữ vào ô số, công cụ hiển thị thông báo phía trên cây và giữ nguyên tài liệu của bạn.

Nếu JSON bên trái có lỗi cú pháp, cây sẽ được thay bằng thông báo lỗi kèm dòng và cột, để bạn sửa văn bản rồi tiếp tục.