json schema editor

rédacteur en chef JSON

Un éditeur intuitif pour JSON Schema qui fournit une vue d'arbre à la structure présente du schéma et un inspecteur de propriété pour modifier les propriétés de l'élément de schéma. Développez avec Vue.js 2 et Firebase. Veuillez référencer le site Web du projet pour plus de détails.

Caractéristiques

Palette d'éléments de schéma

La liste de tous les éléments du schéma JSON pourrait traîner et tomber dans la vue d'arbre.

Palette de schémas utilisateur

Liste de tous les schémas utilisateur, qui sont stockés dans Firebase. L'utilisateur peut enregistrer, charger, supprimer et importer des schémas, le schéma pourrait glisser et passer à la vue d'arbre.

Vue d'arbre des éléments de schéma

La structure du schéma pourrait dépenser ou s'effondrer à n'importe quel niveau.

Menu contextuel

Cliquez avec le bouton droit sur l'élément dans l'arborescence peut faire ressortir le menu contextuel de cet élément et effectuer des actions spécifiques à cet élément.

Inspecteur des biens des éléments de schéma

Un panneau pour modifier les propriétés de l'élément de schéma.

Vue texte du schéma

Une vue texte pour afficher le contenu du schéma.

Faire glisser et laisser tomber

L'élément du schéma JSON pourrait traîner et passer de la palette à la vue d'arbre ou dans la vue d'arbre.

Défaire / refaire

Annuler et Redo pourrait garder une trace de chaque mise à jour du schéma.

Référentiel de schéma

L'utilisateur peut enregistrer / charger des schémas vers / depuis le référentiel Firebase, importer le schéma à partir du fichier.

Installer

git clone https://github.com/tangram-js/json-schema-editor.git

Construire

 # 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

À propos de la configuration de la base de feu

Ce projet nécessite une configuration de base d'incendie valide pour fonctionner correctement, veuillez remplacer la configuration dans /src/firebase/index.js par votre configuration 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'
} 

À propos de l'éditeur JSON

JSON Editor est successeur de JSON Schema Editor, qui est un éditeur de schéma pour le document JSON, y compris le schéma JSON. Il fournit une vue d'arbre pour présenter la structure du document JSON, l'utilisateur pourrait manipuler le menu JSON JSON. Il existe une vue texte pour présenter le contenu du document JSON, l'utilisateur peut modifier JSON à l'intérieur. Ils partagent les comptes d'utilisateurs et le référentiel du schéma utilisateur, afin que l'utilisateur puisse utiliser un compte pour se connecter à la fois les éditeurs et les schémas d'accès.