JSON editor for jQuery?

Question

JavaScript

Hello, js fans)
The task is to edit json in the browser, edit the text in the textarea by hand - a perversion, especially when json is wrapped in three levels, etc. I'm looking for a clear json editor with IDE elements that can be easily embedded inside the page, but I haven't found anything other than online tools. Did you search badly? May be. But still I want to turn to the community, maybe somewhere in the vastness of the Immense is what I'm looking for?

More specific statement of the problem:
There is a JSON in which heterogeneous data is passed, for example, a list of callable objects with parameters, several string constants and the caching time of a common object, let's say it looks like this:

{<br>
  "components" :<br>
  {<br>
    "gallery" :<br>
    {<br>
      "type" : <br>
      "size" : "100x100"<br>
      , "previewType" : "icon"<br>
      , "label" : true<br>
      , "list" : 20<br>
    }<br>
    , "files" : <br>
    {<br>
      "component" : "fileLoader"<br>
      "multiload" : true<br>
      , "filetypes" : ['jpg', 'png', 'mpeg', 'ogg'] <br>
    }<br>
  }<br>
  , "cache" : <br>
  {<br>
    "storage" : "memory"<br>
    "id" : true<br>
    , "lifetime" : 3600<br>
  }<br>
  , "doYouLoveYourGranny" : true<br>
  , "what" : "Yes! I do! Very much!"<br>
}<br>

Some standard and uniformity in the data arises in the process of working on each specific object, so I want to be able to specify a path or route inside the json tree and assign a handler type to the element: for numbers - a text field with increment / decrement buttons, for a fixed list - drop-down list, for a list with multiple selection - a list of checkboxes. Well, a plus would be to view in the form of a tree.

If there is nothing like that, I will reinvent the wheel, so anyone who is interested / needs to join, collective development is a good way to correlate knowledge and a subjective view of development)

Thanks in advance to everyone who responds.

Answer 1

jeremydorn.com/json-editor

Answer 2

www.thomasfrank.se/downloadableJS/JSONeditor_example.html you can attach your handlers to this, I think.

Answer 3

json.parser.online.fr/
study the code from here

Answer 4

github.com/wjosdejong/jsoneditoronline

Answer 5

One of the best tools for JSON is codebeautify.org/jsonviewer JSON formatter, JSON validator, JSON minify, JSON to XML, JSON to CSV

Answer 6

https://jsondraft.com - a convenient service for editing JSON, as well as JSON Schema.
For example, here is your object in a tree view: https://jsondraft.com/4d/

Answer 7

This might help you I think
https://www.jsonformatting.com/