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

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

현재 이 질문은 Q&A 형식에 적합하지 않습니다.우리는 답변이 사실, 참고 자료 또는 전문지식에 의해 뒷받침되기를 기대하지만, 이 질문은 토론, 논쟁, 여론 조사 또는 연장된 토론을 요구할 것이다.이 질문이 개선되고 다시 열릴 수 있다고 생각되면헬프센터를 방문하여 안내를 받으십시오.

닫힘10년 전에요.

배경:이것은 아직 존재하지 않는 것에 대한 요청입니다만, 저는 오랫동안 그것을 만들고 싶다고 생각하고 있었습니다.일단 이런 거 보신 분 있는지 물어볼게요.

다음과 같은 임의의 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',}
    ]
}

질문:이러한 구조를 채택하여 사용자가 사용하기 쉬운 GUI에서 자동으로 변경할 수 있는 웹 기반 JSON 에디터가 있습니까?

예:제목과 lastmod 모두에 대해 2개의 입력 유형 텍스트 컨트롤을 표시하는 자동 생성 HTML 폼과 arr_list에 대해 3개의 열과 3개의 행이 있는 입력 유형 텍스트 컨트롤 테이블을 상상해 보십시오. 테이블의 각 행 옆에 있는 [+][X]를 클릭하여 행을 삭제하거나 추가할 수 있습니다.

큰 아이디어:이 "큰 아이디어"는 사용자가 임의의 (재귀적이지 않은) JSON 구조를 지정하고 GUI 기반의 상호작용을 통해 구조를 편집할 수 있다는 것입니다(이것은 XML Spy의 "XML Editor Grid View"와 유사합니다).

다음 항목도 참조하십시오.

• 로컬로 호스트되는 JSON API 기반의 CMS가 있습니까?
• https://ux.stackexchange.com/questions/37237/treetable-as-a-flexible-condition-filter-editor
• JSON 에디터
• YAML GUI

갱신일 : (2014-07-31(목) 18:31:11)

이 닫힌 SO 게시물을 더 추적하기 위해 github 저장소가 생성되었습니다.

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

업데이트: 제 질문에 대한 답변으로 지금까지 밝혀낸 내용은 다음과 같습니다.만약 다른 누군가가 뭔가 가지고 있다면, 난 여전히 더 알고 싶어.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com 나이스
• http://jsonviewer.arianv.com/; 오프라인에서 동작하는 귀여운 미니멀
• http://www.alkemis.com/jsonEditor.htm; 이건 꽤 괜찮은 것 같아.
• http://json.bubblemix.net/ JSON 구조를 시각화하여 인라인으로 편집하고 예쁜 JSON으로 다시 내보냅니다.
• http://jsoneditoronline.org/ Stack Overflow 스레드 참가자에 의해 추가된 예.출처 : https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• Angular 지침으로 구축된 mb21.github.io/JSONedit,

JSON 스키마 기반

• https://github.com/json-editor/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 Schema 생성 도구: http://www.jsonschema.net
• http://metawidget.org
• Visual JSON Editor, Windows Desktop Application(무료 오픈소스), http://visualjsoneditor.org/

커머셜(서명 의도 또는 암시 없음, 요건을 충족할 수도 있고 충족하지 못할 수도 있음)

• Liquid XML - JSON Schema Editor 그래픽 JSON Schema 편집기 및 검증자.
• http://www.altova.com/download-json-editor.html
• XML Validator Buddy - JSON 및 XML 에디터는 JSON 구문 검사, 구문 색칠, 자동 완성, JSON 포인터 평가 및 JSON 스키마 검증을 지원합니다.

j쿼리

• 폼빌더 j쿼리 드래그 앤 드롭
• 포맷
• 샤로텔리 형식_상세

YAML

• 콘스텔레이트 레딧 포스트

참고 항목

• 구글 블록리
• 로컬로 호스트되는 JSON API 기반의 CMS가 있습니까?
• cms-based concept ;; 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 데이터 구조를 작성한 후 간단한 변환을 수행합니다.UI를 Perl 데이터 구조 생성 앞에 배치할 수 있습니다(예: 웹 양식).

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

언급URL : https://stackoverflow.com/questions/998832/gui-based-or-web-based-json-editor-that-works-like-property-explorer