GUI-basierter oder webbasierter JSON-Editor, der wie der Eigenschaften-Explorer funktioniert [geschlossen]

Hintergrund: Dies ist eine Anfrage für etwas, das möglicherweise noch nicht existiert, aber ich wollte schon lange eine bauen. Zuerst werde ich fragen, ob jemand so etwas schon gesehen hat.

Angenommen, Sie haben eine beliebige JSON-Struktur wie die folgende:

{
    'title_str':'My Employee List'
    ,'lastmod_str': '2009-June-15'
    ,'employee_table':[
        {'firstname':'john','lastname':'doe','age':'33',}
        ,{'firstname':'jane','lastname':'doe','age':'34',}
        ,{'firstname':'samuel','lastname':'doe','age':'35',}
    ]
}

Frage: Gibt es einen webbasierten JSON-Editor, der eine solche Struktur annehmen und es dem Benutzer automatisch ermöglichen könnte, diese in einer benutzerfreundlichen Benutzeroberfläche zu ändern?

Beispiel: Stellen Sie sich ein automatisch generiertes HTML-Formular vor, das zwei Steuerelemente für Eingabetyp-Text für Titel und Lastmod sowie eine Tabelle mit Steuerelementen für Eingabetyp-Text mit drei Spalten und drei Zeilen für arr_list ... mit der Möglichkeit zum Löschen anzeigt oder fügen Sie zusätzliche Zeilen hinzu, indem Sie neben jeder Zeile in der Tabelle auf ein [+] [X] klicken.

Große Idee: Die "große Idee" dahinter ist, dass der Benutzer eine beliebige (nicht rekursive) JSON-Struktur angeben und dann die Struktur mit einer GUI-basierten Interaktion bearbeiten kann (dies wäre ähnlich wie bei der "XML Editor Grid View" in XML Spy).

Siehe auch:

• Gibt es ein JSON-API-basiertes CMS, das lokal gehostet wird?
• /ux/37237/treetable-as-a-flexible-condition-filter-editor

Update: (Do 2014-07-31 18:31:11)

Ein Github-Repository wurde erstellt, um diesen geschlossenen SO-Beitrag weiter zu verfolgen.

• https://github.com/dreftymac/stackoverflow.questions.998832

Update: Um meine eigene Frage zu beantworten, konnte ich Folgendes aufdecken. Wenn irgendjemand da draußen etwas hat, wäre ich immer noch daran interessiert, mehr herauszufinden.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com schön
• http://jsonviewer.arianv.com/ ;; Niedliche minimale, die offline funktioniert
• http://www.alkemis.com/jsonEditor.htm ; Dieser sieht ziemlich gut aus
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html Gliederungseditor, nicht wirklich JSON
• http://json.bubblemix.net/ Visualisieren Sie die JSON-Struktur, bearbeiten Sie sie inline und exportieren Sie sie zurück in das hübsche JSON.
• http://jsoneditoronline.org/ Beispiel vom StackOverflow-Thread-Teilnehmer hinzugefügt. Quelle: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• mb21.github.io/JSONedit , erstellt als Angular-Direktive

Basierend auf dem JSON-Schema

• https://github.com/jdorn/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 zum Generieren von JSON-Schemas: http://www.jsonschema.net
• http://metawidget.org
• Visual JSON Editor, Windows Desktop-Anwendung (kostenlos, Open Source), http://visualjsoneditor.org/

Kommerziell (Kein Vermerk beabsichtigt oder impliziert, kann die Anforderung erfüllen oder nicht)

• Liquid XML - JSON-Schema-Editor Grafischer JSON-Schema-Editor und Validator.
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy - JSON und XML-Editor unterstützen JSON-Syntaxprüfung, Syntaxfärbung, automatische Vervollständigung, JSON-Zeigerauswertung und JSON-Schemaüberprüfung.

jQuery

• Formbuilder jQuery per Drag & Drop
• formeo
• shalotelli form_builder

YAML

• Konstellate Reddit Post

Siehe auch

• Google blockly
• Gibt es ein JSON-API-basiertes CMS, das lokal gehostet wird?
• cms-basiertes Konzept ;; http://www.webhook.com/
• baumbasiertes 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/

Wenn ich eine JSON- oder YAML-Zeichenfolge erstellen möchte, erstelle ich im Allgemeinen zunächst die Perl-Datenstruktur und führe dann eine einfache Konvertierung darauf aus. Sie können der Perl-Datenstrukturgenerierung eine Benutzeroberfläche vorlegen, z. B. ein Webformular.

Das Konvertieren einer Struktur in JSON ist sehr einfach:

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);