GUI- आधारित या वेब-आधारित JSON संपादक जो संपत्ति खोजकर्ता की तरह काम करता है [बंद]

Question

बैकग्राउंड: यह एक ऐसी चीज़ के लिए अनुरोध है जो अभी तक मौजूद नहीं है, लेकिन मैं लंबे समय से एक का निर्माण करने के लिए अर्थ रखता हूं। पहले मैं पूछूंगा कि क्या किसी ने अभी तक ऐसा कुछ देखा है।

मान लीजिए कि आपके पास निम्न की तरह एक मनमाना JSON संरचना है:

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

प्रश्न: क्या कोई वेब-आधारित JSON संपादक है जो इस तरह की संरचना ले सकता है, और स्वचालित रूप से उपयोगकर्ता को उपयोगकर्ता के अनुकूल GUI में इसे संशोधित करने की अनुमति देता है?

उदाहरण: एक ऑटो-जेनरेट किए गए HTML फॉर्म की कल्पना करें जो शीर्षक और अंतिम दोनों के लिए 2 इनपुट-टाइप-टेक्स्ट नियंत्रण प्रदर्शित करता है, और इनपुट-टाइप-टेक्स्ट नियंत्रण की एक तालिका है जिसमें तीन कॉलम और तीन पंक्तियों के साथ arr_list ... हटाने की क्षमता है या तालिका में प्रत्येक पंक्ति के बगल में [+] [X] पर क्लिक करके अतिरिक्त पंक्तियाँ जोड़ें।

बिग आइडिया: इसके पीछे "बड़ा विचार" यह है कि उपयोगकर्ता किसी भी मनमाना (गैर-पुनरावर्ती) JSON संरचना को निर्दिष्ट करने में सक्षम होगा और फिर GUI- आधारित इंटरैक्शन के साथ संरचना को संपादित करने में सक्षम होगा (यह समान होगा) "XML संपादक ग्रिड देखें" XML जासूस में)।

यह सभी देखें:

• क्या कोई JSON एपि आधारित CMS है जिसे स्थानीय स्तर पर होस्ट किया जाता है?
• /ux/37237/treetable-as-a-flexible-condition-filter-editor

अपडेट: (Thu 2014-07-31 18:31:11)

इस बंद SO पोस्ट को आगे ट्रैक करने के लिए एक गितब रिपॉजिटरी बनाई गई है।

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

Comments

क्या आपके पास स्वयं के संपादक के निर्माण पर कोई प्रगति है? मैं उसी चीज की तलाश में था। नेट पर मैंने जो पाया है वह लगभग वही है जो आपने अपने उत्तर में सूचीबद्ध किया था।

— सिनान

नहीं, यह एक अच्छा पर्याप्त विचार है, जिसके पीछे पर्याप्त गति नहीं है।

— dreftymac

अगर मुझे इसके लिए पर्याप्त गति मिलती है तो मुझे अपना पहला कोको ऐप लिखना अच्छा लगेगा, अगर आप कॉपीराइट के लिए नहीं कहेंगे;)

— सिनान

मैं अपने किसी भी विचार के चारों ओर एक दीवार लगाने के लिए बहुत छोटा हूं, और यह वैसे भी पहले हो चुका है :) ... XMLSPY ग्रिड-व्यू संपादक पर एक नज़र डालें यदि आप इससे निपटने का निर्णय लेते हैं और आपको अतिरिक्त प्रेरणा की आवश्यकता है: altova .com / XMLSpy / xml ग्रिड-view.html

— dreftymac

मैं इसके बारे में सोच रहा था, और जब इसकी मांग थी, तो जाँचने पर आपका प्रश्न पाया गया। जब यह देखने के लिए कि क्या कोई

— वेटा

Answer 1

अपडेट: अपने स्वयं के प्रश्न का उत्तर देने के प्रयास में, यहां वह है जो मैं अब तक उजागर करने में सक्षम हूं। अगर किसी और के पास कुछ है, तो मुझे अभी भी और जानने की दिलचस्पी होगी।

• http://knockoutjs.com/documentation/plugins-mapping.html ;; पीटकर अच्छा लगा
• http://jsonviewer.arianv.com/ ;; प्यारा न्यूनतम एक कि ऑफ़लाइन काम करता है
• http://www.alkemis.com/jsonEditor.htm ; यह एक बहुत अच्छा लग रहा है
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html रूपरेखा संपादक, वास्तव में JSON नहीं है
• http://json.bubblemix.net/ JSON संरचना की कल्पना करें, इनलाइन को संपादित करें और JSON के पूर्व-भाग में वापस निर्यात करें।
• http://jsoneditoronline.org/ उदाहरण StackOverflow थ्रेड प्रतिभागी द्वारा जोड़ा गया। स्रोत: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• mb21.github.io/JSONedit , एक कोणीय निर्देश के रूप में बनाया गया है

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
• JSON स्कीमा बनाने के लिए टूल: http://www.jsonschema.net
• http://metawidget.org
• विज़ुअल JSON संपादक, विंडोज डेस्कटॉप एप्लिकेशन (मुक्त, खुला स्रोत), http://visualjsoneditor.org/

वाणिज्यिक (जिसका कोई उद्देश्य नहीं है या निहित है, आवश्यकता पूरी हो सकती है या नहीं)

• लिक्विड एक्सएमएल - JSON स्कीमा एडिटर ग्राफिकल JSON स्कीमा एडिटर और वैलिडेटर।
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy - JSON और XML संपादक JSON सिंटैक्स-चेकिंग, सिंटेक्स-कलरिंग, ऑटो-कम्प्लीट, JSON पॉइंटर मूल्यांकन और JSON स्कीमा सत्यापन का समर्थन करता है।

jQuery

• formbuilder jQuery खींचें और छोड़ें
• formeo
• shalotelli form_builder

YAML

• कोंस्टेललेट रेडिट पोस्ट

यह सभी देखें

• Google रुकावट है
• क्या कोई JSON एपि आधारित CMS है जिसे स्थानीय स्तर पर होस्ट किया जाता है?
• सेमी-आधारित अवधारणा ;; http://www.webhook.com/
• पेड़-आधारित विजेट ;; 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/

Comments

फ्रीजा के साथ बना फॉर्म बिल्डर अद्भुत लग रहा है! हालांकि यह (लगभग) पूरी तरह से सवाल से असंबंधित है ...: पी

— क्रैगॉक्स

@ कवास यह अद्भुत लग रहा है। यह आश्चर्य की बात है, लेकिन वहाँ कई उत्कृष्ट फॉर्म-बिल्डर्स हैं - एक (वूफू) हाल ही में हासिल किया गया था ... $ 35 मिलियन news.ycombinator.com/item?id=2481576

— 13ren

+1 के लिए jsoneditoronline.org यहाँ इस परियोजना की GIT है - github.com/wjosdejong/jsoneditoronline

— FDisk

jsoneditoronline git लिंक अब काम नहीं करता है।

— अरगली

@jeromeyers: आप right.so रहे मैं यहाँ परियोजना लिंक काम मिल गया है: https://github.com/josdejong/jsoneditor

— मेहुल Joisar

Answer 2

आम तौर पर जब मैं एक JSON या YAML स्ट्रिंग बनाना चाहता हूं, तो मैं पर्ल डेटा संरचना का निर्माण करके शुरू करता हूं, और फिर उस पर एक साधारण रूपांतरण चला रहा हूं। आप पर्ल डेटा संरचना पीढ़ी के सामने एक यूआई रख सकते हैं, उदाहरण के लिए एक वेब फॉर्म।

JSON की संरचना को बदलना बहुत सीधा है:

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

Comments

धन्यवाद, लेकिन मैं भी पर्ल रूपों से अपरिचित हूं। एक साधारण फॉर्म मेकर के लिए कोई सिफारिशें? यह वास्तव में एक परियोजना का सिर्फ एक बहुत छोटा सा हिस्सा है जिस पर मैं काम कर रहा हूं इसलिए मैं वास्तविक तर्क और एल्गोरिथ्म के बजाय फॉर्म / यूआई के निर्माण पर बहुत अधिक समय बिताना पसंद नहीं करता हूं जो मैं लिख रहा हूं :)

— डेविड बी