Editor JSON basado en la GUI o en la Web que funciona como explorador de propiedad

Question

Antecedentes: Esta es una solicitud de algo que puede no existir todavía, pero he estado pensando en construir uno durante mucho tiempo. Primero preguntaré si alguien ha visto algo así todavía.

Suponga que tiene una estructura JSON arbitraria como la siguiente:

{ 
    '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',} 
    ] 
} 

Pregunta: ¿Hay un editor JSON basado en la web que podría tener una estructura como esta, y automáticamente que el usuario pueda modificar esta en una GUI fácil de usar?

Ejemplo: Imagínese un formulario HTML generada automáticamente que muestra 2 controles de entrada del tipo de texto, tanto para título y lastmod, y una tabla de controles de entrada de tipo de texto con tres columnas y tres filas para arr_list .. .con la capacidad de eliminar o agregar filas adicionales haciendo clic en un [+] [X] al lado de cada fila en la tabla.

Idea: La "gran idea" detrás de esto es que el usuario sería capaz de especificar cualquiera (no recursiva) estructura JSON arbitraria y luego también ser capaz de modificar la estructura de una interacción basada en GUI (esto sería similar a la "Vista de cuadrícula del editor XML" en XML Spy).

Consulte también:

• Is there a JSON api based CMS that is hosted locally?

Actualización: (Jue 2014-07-31 18:31:11)

Un repositorio GitHub ha sido creado para seguir más esta publicación SO cerrada.

• https://github.com/dreftymac/stackoverflow.questions.998832

Answer 1

Actualización: En un esfuerzo por responder a mi propia pregunta, esto es lo que he sido capaz de descubrir hasta ahora. Si alguien más tiene algo, aún me interesaría saber más.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com nice
• http://jsonviewer.arianv.com/ ;; Lindo mínimo que funciona sin conexión
• http://www.alkemis.com/jsonEditor.htm; éste parece bastante agradable
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html editor de Contorno, en realidad no JSON
• http://json.bubblemix.net/ Visualizar JSON structute, edición en línea y exportación de nuevo a JSON prettified.
• http://jsoneditoronline.org/ Ejemplo agregado por el participante de la secuencia StackOverflow.Fuente: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/

• http://jsonviewer.stack.hu/

• http://jsoneditoronline.org/

• mb21.github.io/JSONedit, construido como una directiva angular
• cloudwall demo http://cloudwall.me/etc/json-editor.html

Basado en JSON esquema

• 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
• Herramienta para la generación erating JSON esquemas: http://www.jsonschema.net
• http://metawidget.org
• Visual JSON Editor, aplicación de escritorio de Windows (gratuito, de código abierto), http://visualjsoneditor.org/

Commercial (sin respaldo previsto o implícita, puede o no puede cumplir con el requisito)

• Liquid XML - JSON Schema Editor Gráfico JSON Esquema de editor y validador.
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy - JSON y XML editor soporta la sintaxis JSON-comprobación, la sintaxis para colorear, auto-realización, evaluación y validación del puntero JSON JSON esquema.

Ver también

• Is there a JSON api based CMS that is hosted locally?
• concepto basado en cms ;; http://www.webhook.com/
• widget basado en árbol ;; http://mbraak.github.io/jqTree/
• http://mjsarfatti.com/sandbox/nestedSortable/
• http://jsonviewer.codeplex.com/
• http://xmlwebpad.codeplex.com/
• http://tadviewer.com/

Answer 2

Generalmente cuando quiero crear un JSON o cadena YAML, que comienza a cabo mediante la construcción de la estructura de datos de Perl, y luego ejecutar un sencillo conversión en él. Podría colocar una IU frente a la generación de la estructura de datos de Perl, p. un formulario web.

la conversión de una estructura a JSON es muy sencillo:

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);