Edytor JSON oparty na graficznym interfejsie użytkownika lub sieci, który działa jak eksplorator właściwości [zamknięty]

Tło: To jest prośba o coś, co może jeszcze nie istnieć, ale od dawna zamierzałem je zbudować. Najpierw zapytam, czy ktoś jeszcze coś takiego widział.

Załóżmy, że masz dowolną strukturę JSON, taką jak:

{
    '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',}
    ]
}

Pytanie: Czy istnieje internetowy edytor JSON, który mógłby przyjąć taką strukturę i automatycznie pozwolić użytkownikowi na modyfikację tego w przyjaznym dla użytkownika interfejsie GUI?

Przykład: Wyobraź sobie automatycznie wygenerowany formularz HTML, który wyświetla 2 kontrolki tekstu wejściowego dla tytułu i lastmod oraz tabelę kontrolek tekstu wejściowego z trzema kolumnami i trzema wierszami dla arr_list ... z możliwością usuwania lub dodaj dodatkowe wiersze, klikając [+] [X] obok każdego wiersza w tabeli.

Wielki pomysł: „Wielkim pomysłem” za tym jest to, że użytkownik byłby w stanie określić dowolną dowolną (nierekurencyjną) strukturę JSON, a następnie byłby również w stanie edytować strukturę za pomocą interakcji opartej na GUI (byłoby to podobne do „Widok siatki edytora XML” w XML Spy).

Zobacz też:

• Czy istnieje CMS oparty na API JSON, który jest hostowany lokalnie?
• /ux/37237/treetable-as-a-fLEX-condition-filter-editor

Aktualizacja: (czw. 2014-07-31 18:31:11)

Utworzono repozytorium github w celu dalszego śledzenia tego zamkniętego postu SO.

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

Aktualizacja: Aby odpowiedzieć na moje pytanie, oto, co udało mi się odkryć do tej pory. Jeśli ktoś jeszcze coś ma, nadal chciałbym dowiedzieć się więcej.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com miło
• http://jsonviewer.arianv.com/ ;; Śliczny minimalny, który działa w trybie offline
• http://www.alkemis.com/jsonEditor.htm ; ten wygląda całkiem nieźle
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html Edytor konspektu, nie tak naprawdę JSON
• http://json.bubblemix.net/ Wizualizuj strukturę JSON, edytuj wbudowane i eksportuj z powrotem do gotowego JSON.
• http://jsoneditoronline.org/ Przykład dodany przez uczestnika wątku StackOverflow. Źródło: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• mb21.github.io/JSONedit , zbudowany jako dyrektywa kątowa

Na podstawie schematu JSON

• 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
• Narzędzie do generowania schematów JSON: http://www.jsonschema.net
• http://metawidget.org
• Visual JSON Editor, Windows Desktop Application (bezpłatny, open source), http://visualjsoneditor.org/

Komercyjne (Brak poparcia zamierzonego lub dorozumianego, może, ale nie musi spełniać wymagania)

• Płynny XML - edytor schematów JSON Graficzny edytor i walidator schematów JSON.
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy - edytor JSON i XML obsługuje sprawdzanie składni JSON, kolorowanie składni, automatyczne uzupełnianie, ocenę wskaźnika JSON i sprawdzanie poprawności schematu JSON.

jQuery

• jQuery formbuilder przeciągnij i upuść
• formeo
• shalotelli form_builder

YAML

• Konstellate Reddit Post

Zobacz też

• Google blokowo
• Czy istnieje CMS oparty na API JSON, który jest hostowany lokalnie?
• koncepcja oparta na cms ;; http://www.webhook.com/
• widget oparty na drzewie ;; 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/

Ogólnie, gdy chcę utworzyć ciąg JSON lub YAML, zaczynam od zbudowania struktury danych Perla, a następnie wykonania na niej prostej konwersji. Możesz umieścić interfejs użytkownika przed generowaniem struktury danych Perla, np. Formularz internetowy.

Konwersja struktury do JSON jest bardzo prosta:

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