json schema editor

Json-Schema-Editor

Интуитивно понятный редактор для схемы JSON, которая предоставляет представление о дереве для представления структуры схемы и инспектора свойств для редактирования свойств элемента схемы. Развиваться с Vue.js 2 и Firebase. Пожалуйста, обратитесь к веб -сайту проекта для получения подробной информации.

Функции

Поддон элементов схемы

Список всех элементов схемы JSON, может перетаскивать в вид деревья.

Поддон пользовательских схем

Список всех пользовательских схем, которые хранятся в Firebase. Пользователь может сохранить, загружать, удалять и импортировать схемы, схема может перетаскивать в вид дерева.

Взгляд деревьев на элементы схемы

Структура схемы может тратить или рухнуть на любом уровне.

Контекстное меню

Щелкните правой кнопкой мыши элемент в представлении дерева, может выявить контекстное меню для этого элемента и выполнить действия, специфичные для этого элемента.

Инспектор недвижимости элементов схемы

Панель для редактирования свойств элемента схемы.

Текстовое представление схемы

Текстовое представление для отображения контента схемы.

Перетаскивать

Элемент схемы JSON может перетаскивать от поддона к виду дерева или в виде дерева.

Отменить/повторно

Undo и Redo могут отслеживать каждое обновление схемы.

Репозиторий схемы

Пользователь может сохранить/загружать схемы в репозиторий 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

Этот проект требует действительной конфигурации Firebase для правильной работы, пожалуйста, замените config in /src/firebase/index.js с помощью вашей конфигурации 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'
} 

О редакторе JSON

Редактор JSON является преемником редактора схемы JSON, который является редактором документа JSON, включая схему JSON. Он предоставляет представление дерева, чтобы представить структуру документа JSON, пользователь может манипулировать JSON из контекстного меню. Существует текстовое представление, чтобы представить содержимое документа JSON, пользователь может редактировать JSON внутри. Они делятся учетными записями пользователей и схемой пользователей, поэтому пользователь может использовать одну учетную запись для входа в систему как редактора, так и схемы доступа.