Editor JSON berbasis-GUI atau berbasis Web yang berfungsi seperti penjelajah properti [ditutup]

Latar Belakang: Ini adalah permintaan untuk sesuatu yang mungkin belum ada, tapi saya sudah lama ingin membangunnya. Pertama saya akan bertanya apakah ada yang melihat hal seperti itu.

Misalkan Anda memiliki struktur JSON sewenang-wenang seperti berikut:

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

Pertanyaan: Apakah ada editor JSON berbasis web yang dapat mengambil struktur seperti ini, dan secara otomatis memungkinkan pengguna untuk memodifikasi ini dalam GUI yang mudah digunakan?

Contoh: Bayangkan formulir HTML yang dihasilkan secara otomatis yang menampilkan 2 kontrol tipe teks input untuk judul dan lastmod, dan tabel kontrol teks tipe input dengan tiga kolom dan tiga baris untuk arr_list ... dengan kemampuan untuk menghapus atau tambahkan baris tambahan dengan mengklik [+] [X] di sebelah setiap baris dalam tabel.

Gagasan Besar: "gagasan besar" di balik ini adalah bahwa pengguna akan dapat menentukan struktur JSON sembarang (non-rekursif) dan kemudian juga dapat mengedit struktur dengan interaksi berbasis GUI (ini akan mirip dengan "XML Grid Grid View" di XML Spy).

Lihat juga:

• Apakah ada CMS berbasis api JSON yang di-host secara lokal?
• /ux/37237/treetable-as-a-flexible-condition-filter-editor

Pembaruan: (Thu 2014-07-31 18:31:11)

Repositori github telah dibuat untuk melacak lebih lanjut pos SO yang tertutup ini.

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

Pembaruan: Dalam upaya menjawab pertanyaan saya sendiri, berikut adalah apa yang dapat saya temukan sejauh ini. Jika ada orang lain di luar sana yang memiliki sesuatu, saya masih tertarik untuk mencari tahu lebih banyak.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com bagus
• http://jsonviewer.arianv.com/ ;; Lucu minimal yang bekerja offline
• http://www.alkemis.com/jsonEditor.htm ; ini terlihat cukup bagus
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html Editor garis besar, tidak benar-benar JSON
• http://json.bubblemix.net/ Visualisasikan struktur JSON, edit inline, dan ekspor kembali ke JSON yang telah dibuat sebelumnya.
• http://jsoneditoronline.org/ Contoh ditambahkan oleh peserta thread StackOverflow. Sumber: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• mb21.github.io/JSONedit , dibangun sebagai arahan Angular

Berdasarkan Skema 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
• Alat untuk menghasilkan Skema JSON: http://www.jsonschema.net
• http://metawidget.org
• Editor JSON Visual, Aplikasi Windows Desktop (gratis, sumber terbuka), http://visualjsoneditor.org/

Komersial (Tidak ada pengesahan yang dimaksudkan atau tersirat, mungkin atau mungkin tidak memenuhi persyaratan)

• XML Liquid - JSON Schema Editor Grafis JSON Schema editor dan validator.
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy - JSON dan editor XML mendukung pengecekan sintaksis JSON, pewarnaan sintaksis, pelengkapan otomatis, evaluasi JSON Pointer dan validasi JSON Schema.

jQuery

• formbuilder jQuery seret dan lepas
• formeo
• shalotelli form_builder

YAML

• Konstellate Reddit Post

Lihat juga

• Google blockly
• Apakah ada CMS berbasis api JSON yang di-host secara lokal?
• konsep berbasis cms ;; http://www.webhook.com/
• widget berbasis pohon ;; 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/

Secara umum ketika saya ingin membuat string JSON atau YAML, saya mulai dengan membangun struktur data Perl, dan kemudian menjalankan konversi sederhana di atasnya. Anda bisa meletakkan UI di depan generasi struktur data Perl, misalnya formulir web.

Mengubah struktur menjadi JSON sangat mudah:

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