GUI-based or Web-based JSON editor that works like property explorer

Update: In an effort to answer my own question, here is what I've been able to uncover so far. If anyone else out there has something, I'd still be interested to find out more.

  • http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com nice
  • http://jsonviewer.arianv.com/ ;; Cute minimal one that works offline
  • http://www.alkemis.com/jsonEditor.htm ; this one looks pretty nice
  • http://json.bubblemix.net/ Visualise JSON structute, edit inline and export back to prettified JSON.
  • http://jsoneditoronline.org/ Example added by StackOverflow thread participant. Source: https://github.com/josdejong/jsoneditor
  • http://jsonmate.com/
  • http://jsonviewer.stack.hu/
  • mb21.github.io/JSONedit, built as an Angular directive

Based on JSON Schema

  • https://github.com/json-editor/json-editor
  • https://github.com/mozilla-services/react-jsonschema-form
  • https://github.com/json-schema-form/angular-schema-form
  • https://github.com/joshfire/jsonform
  • https://github.com/gitana/alpaca
  • https://github.com/marianoguerra/json-edit
  • https://github.com/exavolt/onde
  • Tool for generating JSON Schemas: http://www.jsonschema.net
  • http://metawidget.org
  • Visual JSON Editor, Windows Desktop Application (free, open source), http://visualjsoneditor.org/

Commercial (No endorsement intended or implied, may or may not meet requirement)

  • Liquid XML - JSON Schema Editor Graphical JSON Schema editor and validator.
  • http://www.altova.com/download-json-editor.html
  • XML ValidatorBuddy - JSON and XML editor supports JSON syntax-checking, syntax-coloring, auto-completion, JSON Pointer evaluation and JSON Schema validation.

jQuery

  • formbuilder jQuery drag and drop
  • formeo
  • shalotelli form_builder

YAML

  • Konstellate Reddit Post

See Also

  • Google blockly
  • Is there a JSON api based CMS that is hosted locally?
  • cms-based concept ;; http://www.webhook.com/
  • tree-based widget ;; http://mbraak.github.io/jqTree/
  • http://mjsarfatti.com/sandbox/nestedSortable/
  • http://jsonviewer.codeplex.com/
  • http://xmlwebpad.codeplex.com/
  • http://tadviewer.com/
  • https://studio3t.com/knowledge-base/articles/visual-query-builder/

Generally when I want to create a JSON or YAML string, I start out by building the Perl data structure, and then running a simple conversion on it. You could put a UI in front of the Perl data structure generation, e.g. a web form.

Converting a structure to JSON is very straightforward:

use strict;
use warnings;
use JSON::Any;

my $data = { arbitrary structure in here };
my $json_handler = JSON::Any->new(utf8=>1);
my $json_string = $json_handler->objToJson($data);