json schema editor

JSON-Schema-editor

Editor intuitif untuk skema JSON yang memberikan pandangan pohon untuk menyajikan struktur skema dan inspektur properti untuk mengedit sifat elemen skema. Kembangkan dengan Vue.js 2 dan Firebase. Silakan merujuk situs web proyek untuk detailnya.

Fitur

Palet elemen skema

Daftar semua elemen skema JSON, bisa menyeret dan turun ke Tree View.

Palet skema pengguna

Daftar semua skema pengguna, yang disimpan di Firebase. Pengguna dapat menyimpan, memuat, menghapus dan mengimpor skema, skema dapat menyeret dan jatuh ke tampilan pohon.

Tampilan pohon elemen skema

Struktur skema, dapat dikeluarkan atau runtuh di tingkat mana pun.

Menu konteks

Klik kanan pada elemen dalam tampilan pohon dapat mengeluarkan menu konteks untuk elemen itu, dan melakukan tindakan khusus untuk elemen itu.

Inspektur Properti Elemen Skema

Panel untuk mengedit properti elemen skema.

Tampilan Teks Skema

Tampilan teks untuk menampilkan konten skema.

Seret dan lepas

Elemen skema JSON dapat menyeret dan turun dari palet ke tampilan pohon atau di dalam tampilan pohon.

Undo/redo

Undo dan Redo dapat melacak setiap pembaruan skema.

Repositori Skema

Pengguna dapat menyimpan/memuat skema ke/dari repositori firebase, impor skema dari file.

Memasang

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

Membangun

 # 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

Tentang konfigurasi firebase

Proyek ini membutuhkan konfigurasi firebase yang valid untuk berfungsi dengan baik, harap ganti konfigurasi di /src/firebase/index.js dengan konfigurasi firebase Anda:

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

Tentang editor JSON

Editor JSON adalah penerus JSON Schema Editor, yang merupakan editor Aware skema untuk dokumen JSON termasuk JSON Schema. Ini memberikan tampilan pohon untuk menyajikan struktur dokumen JSON, pengguna dapat memanipulasi JSON dari menu konteks. Ada tampilan teks untuk menyajikan konten dokumen JSON, pengguna dapat mengedit JSON di dalam. Mereka berbagi akun pengguna dan repositori skema pengguna, sehingga pengguna dapat menggunakan satu akun untuk login baik editor dan skema akses.