Un editor intuitivo para el esquema JSON que proporciona una vista de árbol a la estructura actual del esquema y un inspector de propiedades para editar las propiedades del elemento de esquema. Desarrollar con Vue.js 2 y Firebase. Consulte el sitio web del proyecto para obtener detalles.
La lista de todos los elementos del esquema JSON podría arrastrar y caer a la vista de árbol.
Lista de todos los esquemas de usuario, que se almacenan en Firebase. El usuario podría guardar, cargar, eliminar e importar esquemas, el esquema podría arrastrar y caer a la vista de árbol.
La estructura del esquema podría gastar o colapsar en cualquier nivel.
Haga clic derecho en el elemento en la vista de árbol podría resaltar el menú contextual para ese elemento y realizar acciones específicas para ese elemento.
Un panel para editar propiedades del elemento de esquema.
Una vista de texto para mostrar contenido del esquema.
El elemento del esquema JSON podría arrastrar y caer de paleta a vista de árbol o dentro de la vista de árbol.
Deshacer y rehacer podrían realizar un seguimiento de cada actualización del esquema.
El usuario podría guardar/cargar esquemas de/desde el repositorio de Firebase, importar esquema desde el archivo.
git clone https://github.com/tangram-js/json-schema-editor.git # install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report Este proyecto requiere una configuración de Firebase válida para que funcione correctamente, reemplace config in /src/firebase/index.js con su configuración de Firebase:
// Initialize firebase
// Replace following config with your Firebase config
var config = {
apiKey : 'your firebase api key' ,
authDomain : 'your firebase auth domain' ,
databaseURL : 'your firebase database url' ,
projectId : 'your firebase project id' ,
storageBucket : 'your firebase storage bucket' ,
messagingSenderId : 'your firebase message sender id'
} El editor de JSON es sucesor del editor de JSON Schema, que es un editor de Schema-Aware para el documento JSON que incluye JSON Schema. Proporciona una vista de árbol para presentar la estructura del documento JSON, el usuario podría manipular el JSON desde el menú contextual. Hay una vista de texto para presentar el contenido del documento JSON, el usuario puede editar JSON dentro. Comparten cuentas de usuario y repositorio de esquemas de usuarios, por lo que el usuario podría usar una cuenta para iniciar sesión tanto los editores como los esquemas de acceso.