[解決済み】Property Explorerのように動作するGUIベースまたはWebベースの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',}
    ]
}

質問です。 このような構造を取り、ユーザーが使いやすいGUIで自動的に修正できるWebベースのJSONエディターはありますか？

例 自動生成された HTML フォームには、title と lastmod の両方に 2 つの入力型テキストコントロールが表示され、arr_list には 3 列 3 行の入力型テキストコントロールのテーブルがあるとします... テーブルの各行の隣にある [+][X] をクリックして行を削除または追加する機能があるとします。

ビッグアイデア この背後にあるquot;big idea"は、ユーザーが任意の（非再帰的な）JSON構造を指定し、GUIベースの対話でその構造を編集できるようにすることです（これはXML Spyのquot; 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 nice
• http://jsonviewer.arianv.com/ オフラインで使えるかわいいミニマムなもの
• http://www.alkemis.com/jsonEditor.htm これはかなり良さそう
• 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 Angularディレクティブとしてビルドされた

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スキーマを生成するためのツールです。 http://www.jsonschema.net
• http://metawidget.org
• Visual JSON Editor, Windows Desktop Application (無料、オープンソース), 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 ドラッグ＆ドロップ
• フォームオ
• シャロテリフォームビルダー

YAML

• Redditの投稿を表示する

こちらもご覧ください

• グーグルブロックリー
• ローカルでホストされている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/