Редактор 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, который может принимать такую ​​структуру и автоматически позволять пользователю изменять ее в удобном графическом интерфейсе?

Пример: представьте себе автоматически сгенерированную HTML-форму, которая отображает 2 текстовых элемента управления input-type для заголовка и lastmod, а также таблицу текстовых элементов управления input-type с тремя столбцами и тремя строками для arr_list ... с возможностью удаления или добавьте дополнительные строки, нажав [+] [X] рядом с каждой строкой в ​​таблице.

Большая идея: «большая идея» заключается в том, что пользователь сможет указать любую произвольную (нерекурсивную) структуру JSON, а затем также сможет редактировать структуру с помощью взаимодействия на основе GUI (это будет похоже на «Вид сетки XML Editor» в XML Spy).

Смотрите также:

• Существует ли CMS на основе API JSON, которая размещается локально?
• /ux/37237/treetable-as-a-flexible-condition-filter-editor

Обновление: (чт 2014-07-31 18:31:11)

Github-репозиторий был создан для дальнейшего отслеживания этого закрытого SO-сообщения.

• 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://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html Редактор структуры, не совсем JSON
• http://json.bubblemix.net/ Визуализируйте структуру JSON, редактируйте inline и экспортируйте обратно в предварительно подтвержденный JSON.
• http://jsoneditoronline.org/ Пример добавлен участником потока StackOverflow. Источник: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• 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 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

• jQuery перетаскивание
• formeo
• шалотелли

YAML

• Konstellate Reddit Post

Смотрите также

• Гугл блоко
• Существует ли CMS на основе API JSON, которая размещается локально?
• основанная на 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, например, веб-формой.

Преобразовать структуру в 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);