背景:这是一个可能还不存在的东西的要求,但我一直想要建立一个很长一段时间。 首先,我会问有没有人看过类似的东西呢。
假设您有如下的任意JSON结构:
{
'str_title':'My Employee List'
,'str_lastmod': '2009-June-15'
,'arr_list':[
{'firstname':'john','lastname':'doe','age':'33',}
,{'firstname':'jane','lastname':'doe','age':'34',}
,{'firstname':'samuel','lastname':'doe','age':'35',}
]
}
问题:是否有基于Web的JSON编辑器可以采用这种结构,并自动允许用户在用户友好的GUI中对其进行修改?
示例:设想一个自动生成的HTML表单,该表单为title和lastmod显示2个input-type-text控件,以及一个包含arr_list的三列和三行的input-type-text控件表或者通过单击表格中每行旁边的[+] [X]来添加额外的行。
大想法:背后的“重要思想”是用户可以指定任意的(非递归的)JSON结构,然后也可以通过基于GUI的交互来编辑结构(这将类似于XML Spy中的“XML Editor Grid View”)。
也可以看看:
有本地托管的基于JSON api的CMS吗? 更新:(Thu 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结构,内联编辑并导出回美化的JSON。 http://jsoneditoronline.org/由StackOverflow线程参与者添加的示例。 来源:https://github.com/josdejong/jsoneditor http://jsonmate.com/ http://jsonviewer.stack.hu/
http://jsoneditoronline.org/
mb21.github.io/JSONedit,构建为Angular指令 cloudwall演示http://cloudwall.me/etc/json-editor.html 基于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编辑器,Windows桌面应用程序(免费,开源),http://visualjsoneditor.org/ 商业(无意或暗示背书,可能满足要求或不满足要求)
Liquid XML - JSON模式编辑器图形化的JSON模式编辑器和验证器。 http://www.altova.com/download-json-editor.html XML ValidatorBuddy - JSON和XML编辑器支持JSON语法检查,语法着色,自动完成,JSON指针评估和JSON模式验证。 也可以看看
有本地托管的基于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/
通常,当我想创建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);
链接地址:
http://www.djcxy.com/p/74461.html
上一篇:
based or Web
下一篇:
COMET (server push to client) on iPhone