Özellik gezgini gibi çalışan GUI tabanlı veya Web tabanlı JSON düzenleyici [kapalı]

Arka plan: Bu henüz varolmayan bir şey için bir istek, ama uzun zamandır bir tane inşa etmek istedim. Önce kimsenin böyle bir şey görüp görmediğini soracağım.

Aşağıdaki gibi keyfi bir JSON yapınız olduğunu varsayalım:

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

Soru: Böyle bir yapı alabilen ve kullanıcının bunu kullanıcı dostu bir GUI'de otomatik olarak değiştirmesine izin verebilecek web tabanlı bir JSON editörü var mı?

Örnek: Hem başlık hem de lastmod için 2 giriş türü metin denetimi ve silme özelliğine sahip üç sütun ve üç satır içeren giriş türü metin denetimleri tablosu içeren otomatik olarak oluşturulmuş bir HTML formu hayal edin. veya tablodaki her bir satırın yanındaki [+] [X] düğmesini tıklayarak ek satırlar ekleyebilirsiniz.

Büyük Fikir: Bunun arkasındaki "büyük fikir", kullanıcının herhangi bir keyfi (özyinelemeli olmayan) JSON yapısını belirleyebilmesi ve ardından yapıyı GUI tabanlı bir etkileşimle düzenleyebilmesidir (bu, "XML Spy'da XML Editor Grid View").

Ayrıca bakınız:

• Yerel olarak barındırılan JSON api tabanlı bir CMS var mı?
• /ux/37237/treetable-as-a-flexible-condition-filter-editor

Güncelleme: (Per 2014-07-31 18:31:11)

Bu kapalı SO yazısını daha fazla izlemek için bir github deposu oluşturuldu.

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

Güncelleme: Kendi sorumu cevaplamak için, şimdiye kadar ortaya çıkarabildiğim şey şu. Eğer dışarıda bir şey varsa, hala daha fazlasını öğrenmek isterim.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com güzel
• http://jsonviewer.arianv.com/ ;; Çevrimdışı çalışan en az şirin
• http://www.alkemis.com/jsonEditor.htm ; bu oldukça hoş görünüyor
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html Anahat düzenleyici, gerçekten JSON değil
• http://json.bubblemix.net/ JSON yapısını görselleştirin, satır içi düzenleyin ve önceden hazırlanmış JSON'a geri aktarın.
• http://jsoneditoronline.org/ StackOverflow iş parçacığı katılımcısı tarafından eklenen örnek. Kaynak: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• mb21.github.io/JSONedit , Açısal yönerge olarak oluşturulmuştur

JSON Şemasına Dayalı

• 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
• JSON Şemaları oluşturma aracı: http://www.jsonschema.net
• http://metawidget.org
• Visual JSON Editör, Windows Masaüstü Uygulaması (ücretsiz, açık kaynak), http://visualjsoneditor.org/

Ticari (Hiçbir onaylanmamış veya ima edilmemiş, gereksinimi karşılamıyor veya karşılamıyor)

• Liquid XML - JSON Schema Editor Grafiksel JSON Schema editörü ve doğrulayıcı.
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy - JSON ve XML düzenleyici JSON sözdizimi denetimi, sözdizimi renklendirme, otomatik tamamlama, JSON Pointer değerlendirmesi ve JSON Şeması doğrulamasını destekler.

jQuery

• formbuilder jQuery sürükle ve bırak
• formeo
• shalotelli form_builder

YAML

• Konstellate Reddit Post

Ayrıca bakınız

• Google bloklu
• Yerel olarak barındırılan JSON api tabanlı bir CMS var mı?
• cms tabanlı kavram ;; http://www.webhook.com/
• ağaç tabanlı 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/

Genellikle bir JSON veya YAML dizesi oluşturmak istediğimde, Perl veri yapısını oluşturarak ve basit bir dönüşüm çalıştırarak işe başlıyorum. Bir UI'yi Perl veri yapısı oluşturmanın önüne, örneğin bir web formuna koyabilirsiniz.

Bir yapıyı JSON'a dönüştürmek çok basittir:

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