json schema editor

JSON-Schema-Eeditor

Ein intuitiver Redakteur für JSON -Schema, das eine Baumansicht bietet, um die Schema -Struktur und einen Immobilieninspektor zu präsentieren, um die Eigenschaften des Schemaselements zu bearbeiten. Entwickeln Sie mit Vue.js 2 und Firebase. Bitte verweisen Sie auf die Projektwebsite für Details.

Merkmale

Palette von Schemaelementen

Die Liste aller Elemente des JSON -Schemas könnte die Baumansicht ziehen und fallen lassen.

Palette von Benutzerschemata

Liste aller Benutzerschemata, die in Firebase gespeichert sind. Der Benutzer kann Schemas speichern, laden, löschen und importieren, das Schema könnte die Baumansicht ziehen und fallen lassen.

Baumansicht von Schema -Elementen

Die Struktur des Schemas könnte auf jeder Ebene ausgeben oder zusammenbrechen.

Kontextmenü

Klicken Sie mit der rechten Maustaste auf das Element in der Baumansicht können das Kontextmenü für dieses Element herausgebracht und Aktionen ausführen, die für dieses Element spezifisch sind.

Immobilieninspektor von Schema -Elementen

Ein Panel zum Bearbeiten von Eigenschaften des Schemaselements.

Textansicht des Schemas

Eine Textansicht, um Inhalte des Schemas anzuzeigen.

Ziehen und Drop

Das Element des JSON -Schemas könnte von Palette zu Baumansicht oder in der Baumansicht fallen.

Rückgängig gemacht/wiederholen

Rückgängigmachen und Wiederholung konnten jedes Update des Schemas verfolgen.

Schema -Repository

Der Benutzer kann Schemas/laden Schemas in/vom Firebase Repository, das Schema aus der Datei importieren.

Installieren

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

Bauen

 # 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

Über Firebase -Konfiguration

Dieses Projekt erfordert eine gültige Firebase -Konfiguration, um ordnungsgemäß zu funktionieren. Ersetzen Sie die Konfiguration in /src/firebase/index.js durch Ihre Firebase -Konfiguration:

 // 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'
} 

Über JSON -Editor

JSON-Redakteur ist Nachfolger des JSON-Schema-Editors, einem Redakteur von Schema-Aerien für JSON-Dokument, einschließlich JSON Schema. Es bietet eine Baumansicht, um die Struktur des JSON -Dokuments zu präsentieren. Der Benutzer könnte den JSON aus dem Kontextmenü manipulieren. Es gibt eine Textansicht, um den Inhalt des JSON -Dokuments zu präsentieren. Der Benutzer kann JSON in sich bearbeiten. Sie teilen Benutzerkonten und User Schema Repository, sodass der Benutzer ein Konto verwenden kann, um sowohl Editoren als auch Zugriffsschemata anmelden.