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。他们共享用户帐户和用户架构存储库，因此用户可以使用一个帐户登录编辑器和访问模式。