プロパティエクスプローラーのように機能する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エディターはありますか？

例： titleとlastmodの両方に2つのinput-type-textコントロールを表示し、arr_list ...に3つの列と3つの行を持つinput-type-textコントロールのテーブルを削除する自動生成されたHTMLフォームを想像してください。または、表の各行の横にある[+] [X]をクリックして行を追加します。

ビッグアイデア：この背後にある「ビッグアイデア」は、ユーザーが任意の（再帰的でない）JSON構造を指定して、GUIベースの対話で構造を編集できることです（これは、 XML Spyの「XML Editor Grid View」）。

以下も参照してください。

• ローカルでホストされているJSON APIベースのCMSはありますか？
• /ux/37237/treetable-as-a-flexible-condition-filter-editor

更新：（2014年7月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
• 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/
• 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
• Visual JSON Editor、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

• Konstellate Reddit Post

こちらもご覧ください

• グーグルブロック
• ローカルでホストされている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データ構造を構築し、次にそれに対して単純な変換を実行します。たとえば、Webフォームなど、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);