react-json-view
component demo
Star
{
8 items
"
string
"
:
string
"
this is a test
...
"
"
integer
"
:
int
42
"
array
"
:
[
5 items
0
:
int
1
1
:
int
2
2
:
int
3
3
:
string
"test"
4
:
NaN
]
"
float
"
:
float
3.14159
"
undefined
"
:
undefined
"
object
"
:
{
3 items
"
first-child
"
:
bool
true
"
second-child
"
:
bool
false
"
last-child
"
:
NULL
}
"
string_number
"
:
string
"1234"
"
date
"
:
date
Fri, 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