json schema editor

JSON-SCHEMA-編輯

JSON模式的直觀編輯器，它提供了一個樹視圖來呈現模式的結構和屬性檢查器來編輯模式元素的屬性。使用vue.js 2和firebase開發。請參考項目網站以獲取詳細信息。

特徵

模式元素托盤

JSON模式的所有元素列表都可以拖放到樹視圖。

用戶模式的托盤

所有用戶模式的列表，存儲在Firebase中。用戶可以保存，加載，刪除和導入模式，模式可以拖放到樹視圖。

架構元素的樹視圖

模式的結構可以在任何級別上消耗或崩潰。

內容選單

右鍵單擊樹視圖中的元素可以帶來該元素的上下文菜單，並執行針對該元素的操作。

架構元素的物業檢查員

編輯模式元素屬性的面板。

模式的文本視圖

文本視圖顯示模式的內容。

拖放

JSON模式的元素可以從托盤到樹視圖或樹視圖中拖動。

撤消/重做

撤消和重做可以跟踪架構的每一個更新。

模式存儲庫

用戶可以將/加載模式保存到/從firebase存儲庫中，從文件導入架構。

安裝

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

關於火箱配置

該項目需要有效的壁爐配置才能正常運行，請用您的firebase配置替換/src/firebase/index.js中的config：

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

關於JSON編輯

JSON編輯是JSON Schema編輯的繼任者，該編輯是JSON文檔的架構編輯器，包括JSON Schema。它提供了一個樹視圖來展示JSON文檔的結構，用戶可以從上下文菜單中操縱JSON。有一個文本視圖可以顯示JSON文檔的內容，用戶可以在其中編輯JSON。他們共享用戶帳戶和用戶架構存儲庫，因此用戶可以使用一個帳戶登錄編輯器和訪問模式。