jquery json editor

Editor JSON basado en GUI o basado en web que funciona como explorador de propiedades

Question

Antecedentes: esta es una solicitud de algo que aún no existe, pero he tenido la intención de crear uno por mucho tiempo. Primero preguntaré si alguien ha visto algo así todavía.

Supongamos que tiene una estructura JSON arbitraria como la siguiente:

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

Pregunta: ¿Existe un editor JSON basado en la web que podría tomar una estructura como esta y permitir automáticamente al usuario modificar esto en una GUI fácil de usar?

Ejemplo: Imagine un formulario HTML generado automáticamente que muestre 2 controles de texto de tipo de entrada para el título y lastmod, y una tabla de controles de texto de tipo de entrada con tres columnas y tres filas para arr_list ... con la capacidad de eliminar o agregue filas adicionales haciendo clic en [+] [X] al lado de cada fila en la tabla.

Gran idea: la "gran idea" detrás de esto es que el usuario podría especificar cualquier estructura JSON arbitraria (no recursiva) y luego también podría editar la estructura con una interacción basada en GUI (esto sería similar a la "XML Editor Grid View" en XML Spy).

Ver también:

• ¿Hay un CMS basado en api JSON que está alojado localmente?

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

Se ha creado un repositorio github para seguir de cerca esta publicación SO cerrada.

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

Answer 1

Generalmente cuando quiero crear una cadena JSON o YAML, empiezo por construir la estructura de datos Perl y luego ejecutar una conversión simple en ella. Podría poner una UI frente a la generación de estructura de datos de Perl, por ejemplo, un formulario web.

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

Answer 2

Actualización: En un esfuerzo por responder mi propia pregunta, esto es lo que he podido descubrir hasta ahora. Si alguien más por ahí tiene algo, todavía estaría interesado en saber más.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com agradable
• http://jsonviewer.arianv.com/ ;; Lindo mínimo que funciona sin conexión
• http://www.alkemis.com/jsonEditor.htm ; este se ve muy bien
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html Editor de esquema, no realmente JSON
• http://json.bubblemix.net/ Visualice la estructura JSON, edite en línea y vuelva a exportar a JSON prettified.
• http://jsoneditoronline.org/ Ejemplo agregado por el participante del hilo de . 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
• Demostración de cloudwall http://cloudwall.me/etc/json-editor.html
• json-gui con soporte para json-patch, xml, csv y yaml

Basado en el esquema 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
• Herramienta para generar esquemas JSON: http://www.jsonschema.net
• http://metawidget.org
• Visual JSON Editor, aplicación de escritorio de Windows (libre, código abierto), http://visualjsoneditor.org/

Comercial (sin endoso intencional o implícito, puede o no cumplir con el requisito)

• Liquid XML - Editor de esquemas JSON Editor gráfico y validador de esquemas JSON.
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy : el editor JSON y XML admite la comprobación de sintaxis JSON, el color de sintaxis, la finalización automática, la evaluación del puntero JSON y la validación del esquema JSON.

jQuery

• jQuery arrastrar y soltar

Ver también

• ¿Hay un CMS basado en api JSON que está alojado localmente?
• 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/
• https://studio3t.com/knowledge-base/articles/visual-query-builder/