Also, I found most of the querying languages limiting in one way or another. I’ve been working a lot with large amounts of JSON data, and therefore I’ve built an editor which can smoothly handle JSON documents up to 500 MB. The difficulty I have with for example command line tools is that I didn’t use them enough to be able to learn and remember their syntax, so every time I did use them I had to do quite some googling and trial and error to figure out the right way to describe what I wanted to query.įor me, a visual editor where I can build a query and directly see a preview of the result saves me a lot of time (and frustration), so that’s what I created. Both of these categories are discussed in the following sections. In the following example, the data set UNECE’s Country Overview is loaded in the editor, and we’re filtering on the country “Netherlands”, sorting by year, and then picking the fields we’re interested in from the data:īefore I developed this Transform modal to query your data, I mostly used command line tools or MongoDB to query my JSON data. With JSON Editor Online, you can use the Transform wizard to create a query on your data. JSON Editor Online offers that too, but also comes with powerful solutions for querying, transforming, comparing, and repairing your data. You can use them as a JSON viewer or JSON formatter. Most editors offer basic editing and formatting of JSON data. I mention JSON Editor Online here because this is the web application that I developed myself to – in the first place – serve my own needs, working as a developer with JSON data on a day to day basis for many years. There are quite some online JSON editors, so just pick your favorite. To do that, you can copy and paste the JSON data in an online JSON editor like JSON Editor Online. But whilst developing, you often have to do some processing on the data, like sorting and filtering some items from a received list. With these applications you can view your data. And when purely working on a backend you are probably using a REST client like Postman or Insomnia to fetch data. In the frontend, you can see the JSON data that you received using Developer Tools. That can be as a frontend or backend developer. theme = 'bootstrap2' // Set an option during instantiation var editor = new JSONEditor ( element, ).Perfect for: inspecting, formatting, and querying JSON data on the fly.Īs a developer you are often dealing with JSON data coming from a backend. For more under-the-hood documentation, check the wiki. The rest of this README contains detailed documentation about every aspect of JSON Editor. If you learn best by example, check these out: math.js for more accurate floating point math (multipleOf, divisibleBy, etc.).Selectize for nicer Select & Array boxes.EpicEditor for editing of Markdown content.SCEditor for WYSIWYG editing of HTML or BBCode content. ![]() A compatible icon library (bootstrap 2/3 glyphicons, foundation icons 2/3, jqueryui, or font awesome 3/4).A compatible CSS framework for styling (bootstrap 2/3, foundation 3/4/5, or jqueryui).A compatible JS template engine (Mustache, Underscore, Hogan, Handlebars, Swig, Markup, or EJS).The following are not required, but can improve the style and usability of JSON Editor when present. It only needs a modern browser (tested in Chrome and Firefox). It has full support for JSON Schema version 3 and 4 and can integrate with several popular CSS frameworks (bootstrap, foundation, and jQueryUI).Ĭheck out an interactive demo (demo.html): ĭownload the production version (22K when gzipped) or the development version. JSON Editor takes a JSON Schema and uses it to generate an HTML form. This repo is no longer maintained (see also #800)įor details please visit json-editor/json-editor#5
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |