DevToolPal
PL

Edytor drzewa JSON

Przeglądaj JSON jako zwijane drzewo i edytuj klucze, wartości oraz typy na miejscu, a JSON aktualizuje się na bieżąco.

Działa lokalnie, nic nie jest wysyłane

Opcje

Wcięcie

JSON

0 znaków · 0 B

Drzewo

Tutaj pojawi się wynik

Do czego służy

Edytor drzewa JSON zamienia dokument JSON w zwijane drzewo, które możesz bezpośrednio przeglądać i edytować. Zamiast szukać brakującego przecinka w długim pliku tekstowym, zmieniasz wartość w małym polu, a narzędzie samo zapisuje poprawny JSON.

Przydaje się przy plikach konfiguracyjnych, odpowiedziach API, danych testowych i plikach tłumaczeń — wszędzie tam, gdzie najpierw trzeba zrozumieć strukturę, a potem wprowadzić kilka precyzyjnych zmian.

Jak używać

  1. Wklej JSON w polu wejściowym po lewej lub wczytaj przykład.
  2. Przeglądaj drzewo. Kliknij strzałkę obok obiektu lub tablicy, aby go rozwinąć lub zwinąć, i użyj opcji Rozwiń poziomy, aby wybrać, jak głęboko drzewo otwiera się domyślnie.
  3. Edytuj na miejscu:
    • Kliknij klucz, aby zmienić jego nazwę. Klucze zachowują swoją pozycję w obiekcie.
    • Kliknij ciąg znaków lub liczbę, aby je zmienić. Wartości logiczne mają menu true/false.
    • Użyj menu typu po prawej stronie każdego wiersza, aby zamienić wartość na inny typ JSON.
    • Naciśnij +, aby dodać element podrzędny do obiektu lub tablicy, albo ×, aby usunąć węzeł.
  4. Naciśnij Enter lub kliknij gdzie indziej, aby zastosować zmianę, albo Escape, aby ją anulować.
  5. Skopiuj zaktualizowany JSON z pola wejściowego. Opcja Wcięcie określa sposób formatowania.

Ścieżki

Zaznaczenie wiersza pokazuje jego ścieżkę w stylu JSONPath, np. $.author.name lub $.keywords[2], wraz z przyciskiem do jej skopiowania. Klucze, które nie są zwykłymi identyfikatorami, są ujmowane w cudzysłowy, np. $["first name"]. Ścieżki przydają się, gdy piszesz kod lub zapytania odczytujące to samo pole, na przykład w jq, z opcjonalnym łańcuchowaniem w JavaScripcie lub w funkcji JSON bazy danych.

Bezpieczna edycja

Edycja nigdy nie tworzy niepoprawnego JSON. Jeśli zmiany nie da się zastosować, na przykład przy zmianie nazwy klucza na już istniejącą lub wpisaniu liter do liczby, narzędzie pokazuje komunikat nad drzewem i pozostawia dokument bez zmian.

Jeśli JSON po lewej zawiera błąd składni, drzewo zostaje zastąpione komunikatem błędu z wierszem i kolumną, więc możesz poprawić tekst i kontynuować.

FAQ

› Czy moje zmiany są zapisywane w tekście JSON?

Tak. Każda zmiana w drzewie jest od razu zapisywana z powrotem w JSON po lewej, sformatowanym z wybranym wcięciem, więc w każdej chwili możesz go skopiować lub pobrać.

› Jak dodawać lub usuwać elementy?

Użyj przycisku plusa w wierszu obiektu lub tablicy, aby dodać element podrzędny, i przycisku krzyżyka w dowolnym wierszu, aby go usunąć. Nowe pola obiektu dostają tymczasowy klucz, np. key lub key2, który możesz zmienić.

› Co się dzieje, gdy zmieniam typ?

Narzędzie zachowuje tyle, ile się da. Liczba zamieniona na ciąg znaków staje się swoim tekstem, tablica staje się obiektem z kluczami w postaci indeksów, a obiekt staje się tablicą swoich wartości.

› Czy mój JSON jest wysyłany na serwer?

Nie. Parsowanie i edycja odbywają się w twojej przeglądarce.