GUI lub webowy edytor JSON, który działa jak property explorer [zamknięty]
Background: to jest prośba o coś, co może jeszcze nie istnieje, ale miałem zamiar go zbudować od dłuższego czasu. Najpierw zapytam, Czy ktoś jeszcze widział coś takiego.
Załóżmy, że masz dowolną strukturę JSON jak poniżej:
{
'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 GUI?
Przykład: Imagine an automatycznie wygenerowany formularz HTML, który wyświetla 2 kontrolki typu input-type-text dla title i lastmod oraz tabelę kontrolek typu input-type-text z trzema kolumnami i trzema wierszami dla arr_list ... z możliwością usuwania lub dodawania dodatkowych wierszy, klikając znak [+] [X] obok każdego wiersza w tabeli.
Big Idea: "wielkim pomysłem" jest to, że użytkownik będzie w stanie określić dowolną dowolną (nie rekurencyjną) strukturę JSON, a następnie będzie mógł edytować strukturę za pomocą GUI-based interakcja (byłoby to podobne do "XML Editor Grid View" w XML Spy).
Zobacz też:
Aktualizacja: (Czw 2014-07-31 18:31:11)
Repozytorium github zostało utworzone w celu dalszego śledzenia tego zamkniętego posta.
2 answers
Aktualizacja: próbując odpowiedzieć na moje pytanie, oto, co udało mi się odkryć do tej pory. Jeśli ktoś jeszcze coś tam ma, nadal byłbym zainteresowany, aby dowiedzieć się więcej.
- 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 ; ten wygląda całkiem nieźle
- http://www.thomasfrank.se/json_editor.html
- http://www.decafbad.com/2005/07/map-test/tree2.html Outline editor, not really JSON
- http://json.bubblemix.net / wizualizuj strukturę JSON, edytuj inline i eksportuj z powrotem do poprawnego JSON.
- http://jsoneditoronline.org / przykład dodany przez Uczestnika wątku StackOverflow. Źródło: https://github.com/josdejong/jsoneditor
- http://jsonmate.com/
- mb21.github.io/JSONedit , zbudowany jako Dyrektywa kątowa
- cloudwall demo http://cloudwall.me/etc/json-editor.html
- json-gui z obsługą json-patch, XML, csv i yaml
Na podstawie JSON Schemat
- 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 JSON Schemas: http://www.jsonschema.net
- http://metawidget.org
- Visual JSON Editor, Windows Desktop Application (free, open source), http://visualjsoneditor.org/
Komercyjny (brak potwierdzenia zamierzonego lub dorozumianego, może lub nie musi spełniać wymagań)
- Liquid XML-JSON schema Editor graficzny edytor schematów JSON i walidator.
- http://www.altova.com/download-json-editor.html
- XML ValidatorBuddy - JSON i edytor XML obsługuje sprawdzanie składni JSON, kolorowanie składni, automatyczne uzupełnianie, ocenę wskaźnika JSON i walidację schematu JSON.
JQuery
Zobacz Też
- czy istnieje CMS oparty na JSON api, 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/
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-09-12 06:29:40
Ogólnie, gdy chcę utworzyć ciąg JSON lub YAML, zaczynam od zbudowania struktury danych Perla, a następnie uruchomienia prostej konwersji na nim. 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);
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-07-30 16:14:03