Chỉnh sửa và định dạng JSON trực tuyến

Một JSON không thụt lề, không tô sáng, tất cả gói gọn trong một dòng, sẽ rất khó đọc và khó sửa. Công cụ này cho phép bạn mở, chỉnh sửa, định dạng và lưu tệp JSON trực tiếp trong trình duyệt, sử dụng trình soạn thảo mã nguồn mở jsoneditor (của Jos de Jong, phiên bản 9.1.0), mà không cần cài đặt gì cả.

Công dụng

• Mở một JSON và xem lại dưới dạng văn bản có tô sáng hoặc dưới dạng cây nút.
• Phát hiện lỗi cú pháp (dấu phẩy thừa, dấu nháy đơn, khóa thiếu dấu ngoặc kép) trước khi dùng trong mã của bạn.
• Định dạng (thụt lề) một JSON hoặc nén nó thành một dòng chỉ bằng một nút bấm.
• Sắp xếp, lọc hoặc chuyển đổi nội dung, và tìm kiếm một giá trị bên trong một JSON lớn.
• Chỉnh sửa giá trị hoặc chính cấu trúc, với hoàn tác và làm lại phòng khi bạn nhầm.
• Tạo một JSON từ đầu và lưu nó thành tệp .json.

Hai bảng, sáu chế độ làm việc

Màn hình hiển thị hai bảng đồng bộ với nhau: những gì bạn thay đổi ở bảng này sẽ phản ánh sang bảng kia. Bảng bên trái khởi động ở chế độ code (văn bản có tô sáng và kiểm tra cú pháp), còn bảng bên phải ở chế độ tree (cây có thể chỉnh sửa); cả hai đều có thể chuyển sang bất kỳ chế độ nào trong sáu chế độ sau:

• code: JSON dưới dạng văn bản, có tô sáng và cảnh báo lỗi.
• text: JSON dưới dạng văn bản thuần, không tô sáng.
• tree: cây có thể chỉnh sửa hoàn toàn, để thêm, di chuyển hoặc xóa khóa và giá trị.
• form: cây chỉ cho phép chỉnh sửa giá trị, không đụng đến cấu trúc.
• view: cây chỉ đọc, để kiểm tra mà không có rủi ro.
• preview: chế độ xem văn bản chỉ đọc dành cho tài liệu lớn.

Các nút của từng chế độ

Thanh công cụ thay đổi tùy theo chế độ:

• Định dạng (Ctrl+\) thêm thụt lề và xuống dòng; Nén (Ctrl+Shift+\) gộp thành một dòng. Cả hai đều ở chế độ code.
• Sắp xếp nội dung và Lọc, sắp xếp hoặc chuyển đổi nội dung: ở chế độ code và chế độ tree.
• Sửa JSON (chế độ code): cố gắng sửa các lỗi thường gặp, xem phần tiếp theo.
• Hoàn tác (Ctrl+Z) và Làm lại (Ctrl+Shift+Z): ở cả hai chế độ.
• Mở rộng tất cả và Thu gọn tất cả, cùng một ô tìm kiếm để nhảy đến kết quả tiếp theo hoặc trước đó: ở chế độ tree.

Cách tạo, chỉnh sửa và lưu tệp JSON

1. Gõ hoặc dán JSON của bạn vào bảng bên trái, hoặc bấm nút tải lên để mở một tệp từ máy tính của bạn (tệp được đọc ngay trong trình duyệt và hiển thị ở cả hai bảng).
2. Kiểm tra bảng bên phải ở chế độ tree: do đã được đồng bộ, mọi thay đổi sẽ tự động xuất hiện ở bảng còn lại.
3. Nếu chỉ muốn thay đổi giá trị, hãy dùng chế độ form; để xem lại mà không chỉnh sửa, hãy dùng view hoặc preview.
4. Định dạng bằng Định dạng, gộp thành một dòng bằng Nén, hoặc sửa các lỗi thường gặp bằng Sửa JSON; Hoàn tác sẽ hoàn nguyên mọi thay đổi.
5. Bấm nút lưu, gõ tên tệp (nếu không kết thúc bằng .json thì phần này sẽ tự động được thêm vào) rồi tải xuống.

Các lỗi cú pháp thường gặp nhất

Một JSON hợp lệ tuân theo một ngữ pháp nghiêm ngặt (RFC 8259):

• Dấu phẩy cuối cùng: {"tên": "Ana",} — cần bỏ dấu phẩy cuối này đi.
• Dấu nháy đơn: {'tên': 'Ana'} phải là {"tên": "Ana"}.
• Khóa thiếu dấu ngoặc kép: {tên: "Ana"} — mọi khóa đều phải nằm trong dấu ngoặc kép.
• Chú thích: // điều này không hợp lệ — JSON không cho phép chú thích, dù bằng // hay /* */.

Sửa JSON cố gắng tự động sửa các dấu ngoặc kép và ký tự thoát đặt sai vị trí, loại bỏ chú thích và ký hiệu JSONP, đồng thời chuyển đổi một đối tượng JavaScript thành JSON hợp lệ, tuy nhiên không đảm bảo sửa được mọi lỗi: nên kiểm tra lại kết quả. Nếu JSON của bạn có dấu thời gian Unix hoặc một token có phần Base64url (như JWT), bạn có thể kiểm tra riêng bằng công cụ chuyển đổi dấu thời gian Unix hoặc công cụ giải mã Base64.

Quyền riêng tư

JSON mà bạn dán, tải lên hoặc chỉnh sửa không rời khỏi trình duyệt của bạn: trang này không gửi nội dung của nó đến bất kỳ máy chủ nào. Mọi thứ đều diễn ra trên chính máy tính của bạn, vì vậy bạn có thể làm việc với dữ liệu mà bạn không muốn tải lên bất kỳ đâu.