json schema editor

JSON-Schema-Editor

Um editor intuitivo do JSON Schema, que fornece uma visão de árvore para apresentar a estrutura do esquema e um inspetor de propriedades para editar as propriedades do elemento de esquema. Desenvolver com vue.js 2 e Firebase. Por favor, faça referência ao site do projeto para obter detalhes.

Características

Palete de elementos de esquema

A lista de todos os elementos do esquema JSON poderia arrastar e cair para a vista de árvores.

Palé de esquemas de usuário

Lista de todos os esquemas de usuário, que são armazenados no Firebase. O usuário pode salvar, carregar, excluir e importar esquemas, o esquema pode arrastar e soltar para a visualização da árvore.

Vista em árvore dos elementos do esquema

A estrutura do esquema poderia gastar ou desmoronar em qualquer nível.

Menu de contexto

Clique com o botão direito do mouse no elemento na exibição de árvores pode destacar o menu de contexto para esse elemento e executar ações específicas para esse elemento.

Inspetor de Propriedade dos Elementos do Esquema

Um painel para editar propriedades do elemento de esquema.

Vista de texto do esquema

Uma visualização de texto para exibir o conteúdo do esquema.

Arraste e solte

O elemento do esquema JSON poderia arrastar e cair de paletes para vista da árvore ou na vista da árvore.

Desfazer/refazer

Desfazer e refazer podem acompanhar todas as atualizações do esquema.

Repositório de esquema

O usuário pode salvar/carregar esquemas de/para o repositório do Firebase, importar esquema do arquivo.

Instalar

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

Construir

 # 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

Sobre a configuração do Firebase

Este projeto requer uma configuração válida de Firebase para funcionar corretamente, substitua a configuração em /src/firebase/index.js pela sua configuração 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'
} 

Sobre o JSON Editor

O editor da JSON é sucessor do JSON Schema Editor, que é um editor de um esquema do JSON, incluindo o JSON Schema. Ele fornece uma visão de árvore para apresentar a estrutura do documento JSON, o usuário pode manipular o JSON do menu de contexto. Há uma visualização de texto para apresentar o conteúdo do documento JSON, o usuário pode editar o JSON INTRO. Eles compartilham contas de usuário e repositório de esquema de usuários, para que o usuário possa usar uma conta para login editores e esquemas de acesso.