基于GUI或基于Web的JSON编辑器,它的工作原理是财产探险 [英] GUI-based or Web-based JSON editor that works like property explorer
问题描述
背景:这是可能尚不存在的东西的要求,但我一直想建立一个用于很长一段时间。首先,我会问是否有人见过这样的事情呢。
Background: This is a request for something that may not exist yet, but I've been meaning to build one for a long time. First I will ask if anyone has seen anything like it yet.
假设你有任意JSON结构如下所示:
Suppose you have an arbitrary JSON structure like the following:
{
'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编辑器,可以采取这样的结构,并自动允许用户修改这个以用户友好的图形用户界面
Question: Is there a web-based JSON editor that could take a structure like this, and automatically allow the user to modify this in a user-friendly GUI?
示例:想象一下,一个自动生成的HTML表单,无论对于标题和的lastmod显示2输入型文本控件,以及输入型文本控件的三列三行的表对于arr_list ......与通过点击[+]来删除或者添加附加行的能力[X]旁边的每个行中的表
Example: Imagine an auto-generated HTML form that displays 2 input-type-text controls for both title and lastmod, and a table of input-type-text controls with three columns and three rows for arr_list ... with the ability to delete or add additional rows by clicking on a [+][X] next to each row in the table.
高见:的大创意这背后是,用户将能够指定任意(非递归)JSON结构,然后还能够编辑结构使用GUI基于交互(这将是类似XML编辑器网格视图中的XML间谍)。
Big Idea: The "big idea" behind this is that the user would be able to specify any arbitrary (non-recursive) JSON structure and then also be able to edit the structure with a GUI-based interaction (this would be similar to the "XML Editor Grid View" in XML Spy).
更新:(星期四2014年7月31日18时31分十一秒)
一个GitHub的信息库已经建立,以进一步跟踪此关闭,使职务。
A github repository has been created to further track this closed SO post.
- <一个href="https://github.com/dreftymac/stackoverflow.questions.998832">https://github.com/dreftymac/stackoverflow.questions.998832
推荐答案
更新:在努力回答我的问题,这里是我已经能够迄今为止发现。如果任何人在那里有什么东西,我仍然有兴趣了解更多信息。
Update: In an effort to answer my own question, here is what I've been able to uncover so far. If anyone else out there has something, I'd still be interested to find out more.
- http://knockoutjs.com/documentation/plugins-mapping.html ; ; knockoutjs.com不错
- http://www.alkemis.com/jsonEditor.htm ;这个看起来pretty的不错
- http://www.csscripting.com/wiki/index.php?标题= Freja的的;基于XML而不是JSON
- http://robla.net/2005/jsonwidget/ ;基于JSON,某人的开发项目
- http://www.thomasfrank.se/json_editor.html
- http://www.aspdatabase.net/AjaxEdit/readme.html
- http://www.linb.net/JSONEditor/index.html
- http://www.midorijs.com/Passing-JavaScript-对象到PHP.html
- http://github.com/iterationlabs/jsoneditor/tree/master
- http://www.decafbad.com/2005/07/地图测试/ tree2.html 大纲编辑器,而不是真的JSON
- http://json.bubblemix.net/ Visualise JSON structute,编辑内联和出口回prettified JSON。
- http://jsoneditoronline.org/ 使用实例的StackOverflow线程的参与者加入。资料来源: https://github.com/josdejong/jsoneditor
- http://jsonmate.com/
- http://jsonviewer.stack.hu/
- http://jsoneditor.appspot.com/
- http://jsoneditoronline.org/
- mb21.github.io/JSONedit ,建成一个角指令
- cloudwall演示http://cloudwall.me/etc/json-editor.html
- http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com nice
- http://www.alkemis.com/jsonEditor.htm ; this one looks pretty nice
- http://www.csscripting.com/wiki/index.php?title=Freja ; based on XML instead of JSON
- http://robla.net/2005/jsonwidget/ ; based on JSON, someone's development project
- http://www.thomasfrank.se/json_editor.html
- http://www.aspdatabase.net/AjaxEdit/readme.html
- http://www.linb.net/JSONEditor/index.html
- http://www.midorijs.com/Passing-JavaScript-Objects-to-PHP.html
- http://github.com/iterationlabs/jsoneditor/tree/master
- http://www.decafbad.com/2005/07/map-test/tree2.html Outline editor, not really JSON
- http://json.bubblemix.net/ Visualise JSON structute, edit inline and export back to prettified JSON.
- http://jsoneditoronline.org/ Example added by StackOverflow thread participant. Source: https://github.com/josdejong/jsoneditor
- http://jsonmate.com/
- http://jsonviewer.stack.hu/
- http://jsoneditor.appspot.com/
- http://jsoneditoronline.org/
- mb21.github.io/JSONedit, built as an Angular directive
- cloudwall demo http://cloudwall.me/etc/json-editor.html
基于JSON模式
- https://github.com/jdorn/json-editor
- 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
- 在可视JSON编辑器,Windows桌面应用程序(免费,开源), http://visualjsoneditor.org/
- https://github.com/jdorn/json-editor
- https://github.com/joshfire/jsonform
- https://github.com/gitana/alpaca
- https://github.com/marianoguerra/json-edit
- https://github.com/exavolt/onde
- Tool for generating JSON Schemas: http://www.jsonschema.net
- http://metawidget.org
- Visual JSON Editor, Windows Desktop Application (free, open source), http://visualjsoneditor.org/
商业(无背书意图或暗示,可能会或可能不符合要求)
- http://www.altova.com/download-json-editor.html
- XML ValidatorBuddy - JSON和XML编辑器支持JSON语法-checking,语法着色,自动完成,JSON指针评价和JSON模式验证。
- http://www.altova.com/download-json-editor.html
- XML ValidatorBuddy - JSON and XML editor supports JSON syntax-checking, syntax-coloring, auto-completion, JSON Pointer evaluation and JSON Schema validation.
另请参见
- 基于CMS的概念;; http://www.webhook.com/
- 基于树的小部件;; http://mbraak.github.io/jqTree/
- http://mjsarfatti.com/sandbox/nestedSortable/
- HTTP://jsonviewer.$c$cplex.com/
- http://jsonwidget.org/wiki/Jsonwidget
- HTTP://xmlwebpad.$c$cplex.com/
- HTTP://hi$c$cr.posterous.com/ JSON编辑器组件,柔性
- https://github.com/iterationlabs/jsoneditor
- cms-based concept ;; http://www.webhook.com/
- tree-based widget ;; http://mbraak.github.io/jqTree/
- http://mjsarfatti.com/sandbox/nestedSortable/
- http://jsonviewer.codeplex.com/
- http://jsonwidget.org/wiki/Jsonwidget
- http://xmlwebpad.codeplex.com/
- http://hicoder.posterous.com/json-editor-component-flex
- https://github.com/iterationlabs/jsoneditor
这篇关于基于GUI或基于Web的JSON编辑器,它的工作原理是财产探险的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!