속성 탐색기처럼 작동하는 GUI 기반 또는 웹 기반 JSON 편집기 [닫기]

배경 : 아직 존재하지 않을 수있는 요청이지만 오랜 시간 동안 만들려고했습니다. 먼저 누군가 아직 그런 것을 보았는지 물어볼 것입니다.

다음과 같은 임의의 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에서이를 자동으로 수정할 수 있습니까?

예제 : title과 lastmod에 대해 2 개의 입력 유형 텍스트 컨트롤과 arr_list에 대한 3 개의 열과 3 개의 행이있는 입력 유형 텍스트 컨트롤 테이블을 표시하는 자동 생성 HTML 양식을 상상해보십시오. 또는 표의 각 행 옆에있는 [+] [X]를 클릭하여 행을 추가하십시오.

큰 아이디어 : 이것 의 뒤에 "큰 아이디어"는 사용자가 임의의 (재귀 적이 지 않은) JSON 구조를 지정할 수 있고 GUI 기반 상호 작용으로 구조를 편집 할 수 있다는 것입니다 (이것은 "XML Spy의"XML 편집기 그리드보기 ").

또한보십시오:

• 로컬로 호스팅되는 JSON API 기반 CMS가 있습니까?
• /ux/37237/treetable-as-a-flexible-condition-filter-editor

업데이트 : (목 2014-07-31 18:31:11)

이 닫힌 SO 게시물을 추가로 추적하기 위해 github 리포지토리가 생성되었습니다.

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

업데이트 : 내 자신의 질문에 대답하기 위해 지금까지 내가 찾은 것이 있습니다. 다른 누군가가 무언가를 가지고 있다면, 나는 여전히 더 많은 것을 알고 싶어합니다.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com nice
• http://jsonviewer.arianv.com/ ;; 오프라인에서 작동하는 귀여운 최소한의 것
• http://www.alkemis.com/jsonEditor.htm ; 이거 꽤 좋아 보여
• http://www.thomasfrank.se/json_editor.html
• 실제 JSON이 아닌 http://www.decafbad.com/2005/07/map-test/tree2.html 개요 편집기
• http://json.bubblemix.net/ JSON structute를 시각화하고, 인라인을 편집 한 후 미리 정리 된 JSON으로 다시 내 보냅니다.
• http://jsoneditoronline.org/ StackOverflow 스레드 참가자가 추가 한 예입니다. 출처 : https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• Angular 지시문으로 빌드 된 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 편집기, Windows 데스크톱 응용 프로그램 (무료, 오픈 소스), http://visualjsoneditor.org/

상업용 (의도하거나 암시하지 않으며 요구 사항을 충족하거나 충족하지 않을 수 있음)

• Liquid XML-JSON 스키마 편집기 그래픽 JSON 스키마 편집기 및 유효성 검사기.
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy -JSON 및 XML 편집기는 JSON 구문 검사, 구문 색상 지정, 자동 완성, JSON 포인터 평가 및 JSON 스키마 유효성 검사를 지원합니다.

jQuery

• formbuilder jQuery 드래그 앤 드롭
• 포르 메오
• shalotelli form_builder

YAML

• 콘 스텔라 테 레딧 포스트

또한보십시오

• 구글 차단
• 로컬로 호스팅되는 JSON API 기반 CMS가 있습니까?
• 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/

일반적으로 JSON 또는 YAML 문자열을 만들려면 Perl 데이터 구조를 구축 한 다음 간단한 변환을 시작합니다. 웹 양식과 같은 Perl 데이터 구조 생성 앞에 UI를 배치 할 수 있습니다.

구조를 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);