Json online editor is a web-based tool, designed to create, edit, view, format, and save json online. This tool has multiple features which will help you to create them easily. Code from master branch is hosted here. A list of all its features and functionality are as follows :-
Drag & Drop You can create a them from scratch by using drag and drop feature. To use drag & drop feature, drag a node and drop it on any node, dragged one will be added to the drop one, if it passes the below mentioned rules :-
- Elements can only come inside an object.
- Array can only come inside an object.
- Object can come inside an object or an array.
Once the drag node is added to the drop one, json online editor / json viewer tool will open a popup based on the dragged node type, element popup for element type, array popup for array type and so on, fill all the mandatory fields in the popup and click Set button to finish.
Tree View This view will show your work in a tree structure, you can also expand this, by clicking expand image button on the right hand side of tree view bar.
Text View This view is like a code editor, it will show your work in the text format, you can also expand this, by clicking expand image button on the right hand side of the text bar.
Download You can download your existing work, which you have created using json online editor / json viewer tool. To use this functionality, click download button on the top bar, this will download a file onto your disk.
Load You can load any of your work into the tool by using load feature. To use this, first copy and paste your existing work into the text view and click load image button on the text bar.
New This functionality will enable you to remove your existing work from the json online editor / json viewer tool, So that you can start from the scratch.
Copy & Paste You can copy and paste any node into another based on three rules mentioned above in Drag & Drop section. To use Copy & Paste functionality, first select a node which you like to copy, then click the copy and paste icon on tree bar and finally select the node inside which you like to copy your previous selection. This will copy your previously selected one inside new one. This Copy & Paste functionality is very useful, when you want add a new property, which is similar to one of the existing property.
Delete You can delete any node from json online editor / json viewer. To use this delete functionality, first select the node which you like to delete, then click the delete icon on the right side of the bar, once you click the delete icon an confirm dialog will be displayed, asking your confirmation for delete. Confirm dialog will contain two buttons Ok and Cancel, click OK to delete or click Cancel to leave it.
Save Online You can save and share your work by using this functionality. To use this functionality, click the save online button on the top bar. This will save your work on the server and will give you a url with unique id, url can be used to view and edit your saved work and to share your work with your colleagues.