web-dev-qa-db-ja.com

プロパティエクスプローラーのように機能する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コントロールとinput-type-のテーブルを表示する自動生成HTMLフォームを想像してくださいarr_listの3列3行のテキストコントロール...テーブル内の各行の横にある[+] [X]をクリックして追加の行を削除または追加できます。

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

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

更新：（Thu 2014-07-31 18:31:11）

この閉じたSO投稿をさらに追跡するために、githubリポジトリが作成されました。

jqueryajaxjsoneditorwysiwyg
202
dreftymac

更新：私自身の質問に答える努力の中で、ここに私がこれまでに発見できたものがあります。他の誰かが何かを持っている場合、私はまだもっと知りたいと思っています。

JSONスキーマに基づく

商業的（意図的または暗示的な裏書なし、要件を満たす場合と満たさない場合がある）

jQuery

YAML

関連項目

306
dreftymac

一般に、JSONまたはYAML文字列を作成する場合、Perlデータ構造を構築してから、単純な変換を実行することから始めます。 Perlデータ構造生成の前にUIを配置できます。 Webフォーム。

構造体を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);
3
Ether