react-json-view
component demo
Star
{
"string":
string"this is a test ..."
"integer":
int42
"array":[
0
:
int1
1
:
int2
2
:
int3
3
:
string"test"
4
:
NaN
]
"float":
float3.14159
"undefined":
undefined
"object":{
"first-child":
booltrue
"second-child":
boolfalse
"last-child":
NULL
}
"string_number":
string"1234"
"date":
dateFri, Nov 22, 2024, 03:11 AM
}
Theme:
monokai
×
Icon Style:
triangle
×
Enable Edit:
true
×
Enable Add:
true
×
Enable Delete:
true
×
Enable Clipboard:
true
×
Display Data Types:
true
×
Display Object Size:
true
×
Indent Width:
4
×
Collapsed:
false
×
Collapse Strings After Length:
15
×
Keyboard Shortcuts
  • To edit a value, try
    ctrl/cmd + click
    enter edit mode
  • When editing a value, try
    ctrl/cmd + Enter
    to submit changes
  • When editing a value, try
    Escape
    key to cancel
  • When adding a new key, try
    Enter
    to submit
  • When adding a new key, try
    Escape
    to cancel