2
2
JsonTree.js
3
3
4
4
[ ![ Tweet] ( https://img.shields.io/twitter/url/http/shields.io.svg?style=social )] ( https://twitter.com/intent/tweet?text=JsonTree.js%2C%20a%20free%20JavaScript%json%20treeview&url=https://github.com/williamtroup/JsonTree.js&hashtags=javascript,treeview,json )
5
- [ ![ npm] ( https://img.shields.io/badge/npmjs-v4.6.4 -blue )] ( https://www.npmjs.com/package/jjsontree.js )
6
- [ ![ nuget] ( https://img.shields.io/badge/nuget-v4.6.4 -purple )] ( https://www.nuget.org/packages/jJsonTree.js/ )
5
+ [ ![ npm] ( https://img.shields.io/badge/npmjs-v4.7.0 -blue )] ( https://www.npmjs.com/package/jjsontree.js )
6
+ [ ![ nuget] ( https://img.shields.io/badge/nuget-v4.7.0 -purple )] ( https://www.nuget.org/packages/jJsonTree.js/ )
7
7
[ ![ license] ( https://img.shields.io/badge/license-MIT-green )] ( https://github.com/williamtroup/JsonTree.js/blob/main/LICENSE.txt )
8
8
[ ![ discussions Welcome] ( https://img.shields.io/badge/discussions-Welcome-red )] ( https://github.com/williamtroup/JsonTree.js/discussions )
9
9
[ ![ coded by William Troup] ( https://img.shields.io/badge/coded_by-William_Troup-yellow )] ( https://william-troup.com/ )
10
10
</h1 >
11
11
12
12
> <p align =" center " >🔗 A lightweight JavaScript library that generates customizable tree views to better visualize, and edit, JSON data.</p >
13
- > <p align =" center " >v4.6.4 </p >
13
+ > <p align =" center " >v4.7.0 </p >
14
14
<br />
15
15
16
16
![ JsonTree.js] ( docs/images/main.png )
@@ -27,14 +27,15 @@ JsonTree.js
27
27
- 🌈 Full CSS theme support (using : root variables), with dark and light themes.
28
28
- 🔍 22 data types supported by default (such as Object, Array, primitive types, and even Sets, Maps, and HTML DOM elements).
29
29
- 🔍 Custom data types support.
30
+ - 🔨 Import and convert CSV and HTML files to JSON!
30
31
- 🔣 Support to show the data types, array/object sizes, comas, and opening/closing symbols!
31
32
- ☑️ Fully configurable per DOM element!
32
33
- 📂 Close and open all objects, arrays, sets, maps, and HTML objects.
33
34
- 🚀 Clickable values via custom triggers!
34
35
- ⭐ Custom value rendering.
35
36
- 📃 Array paging, with configurable column count support (show array objects on different pages)!
36
37
- 💥 Compare the property name and index values in multiple page columns!
37
- - 💧 Drag & Drop JSON files support!
38
+ - 💧 Drag & Drop JSON, CSV, and HTML files support!
38
39
- 📋 Copy to clipboard (all JSON, a specific page, a specific JSON value, or selected JSON values).
39
40
- ✏️ Full editing support (double click a value, property, index, or anywhere for everything).
40
41
- 🔠 Keyboard navigation keys support!
@@ -173,8 +174,8 @@ Or, you can download the latest zipped up version [here](https://www.william-tro
173
174
Or, you can also use the following CDN links:
174
175
175
176
``` markdown
176
- https://cdn.jsdelivr.net/gh/williamtroup/JsonTree.js@4.6.4 /dist/jsontree.min.js
177
- https://cdn.jsdelivr.net/gh/williamtroup/JsonTree.js@4.6.4 /dist/jsontree.js.min.css
177
+ https://cdn.jsdelivr.net/gh/williamtroup/JsonTree.js@4.7.0 /dist/jsontree.min.js
178
+ https://cdn.jsdelivr.net/gh/williamtroup/JsonTree.js@4.7.0 /dist/jsontree.js.min.css
178
179
```
179
180
<br >
180
181
<br >
0 commit comments