หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ทรัพยากรอื่นๆ
ดาวน์โหลด

Json-Schema-editor

ตัวแก้ไขที่ใช้งานง่ายสำหรับ JSON Schema ซึ่งให้มุมมองต้นไม้เพื่อนำเสนอโครงสร้างของสคีมาและผู้ตรวจสอบทรัพย์สินเพื่อแก้ไขคุณสมบัติขององค์ประกอบสคีมา พัฒนาด้วย vue.js 2 และ firebase กรุณาอ้างอิงเว็บไซต์โครงการเพื่อดูรายละเอียด

คุณสมบัติ

พาเลทขององค์ประกอบสคีมา

รายการองค์ประกอบทั้งหมดของ JSON Schema สามารถลากและวางลงในมุมมองต้นไม้

พาเลทของแผนการผู้ใช้

รายชื่อแผนผังผู้ใช้ทั้งหมดซึ่งเก็บไว้ใน Firebase ผู้ใช้สามารถบันทึกโหลดลบและนำเข้า schemas สคีมาสามารถลากและวางลงในมุมมองต้นไม้

มุมมองต้นไม้ขององค์ประกอบสคีมา

โครงสร้างของสคีมาสามารถใช้จ่ายหรือล่มสลายได้ทุกระดับ

เมนูบริบท

คลิกขวาที่องค์ประกอบในมุมมองต้นไม้สามารถนำเมนูบริบทสำหรับองค์ประกอบนั้นออกมาและดำเนินการเฉพาะสำหรับองค์ประกอบนั้น

ผู้ตรวจสอบทรัพย์สินขององค์ประกอบสคีมา

แผงเพื่อแก้ไขคุณสมบัติขององค์ประกอบสคีมา

มุมมองข้อความของสคีมา

มุมมองข้อความเพื่อแสดงเนื้อหาของสคีมา

ลากและวาง

องค์ประกอบของสคีมา JSON สามารถลากและวางจากพาเลทไปยังมุมมองต้นไม้หรือภายในมุมมองต้นไม้

เลิกทำ/ทำซ้ำ

UNDO และ REDO สามารถติดตามการอัปเดตของสคีมาทุกครั้ง

ที่เก็บสคีมา

ผู้ใช้สามารถบันทึก/โหลด schemas ไปที่/จากที่เก็บ 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

โครงการนี้ต้องการการกำหนดค่า firedbase ที่ถูกต้องเพื่อให้ทำงานได้อย่างถูกต้องโปรดแทนที่ 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 Editor

JSON Editor เป็นผู้สืบทอดของ JSON Schema Editor ซึ่งเป็นบรรณาธิการที่รับรู้ Schema สำหรับเอกสาร JSON รวมถึง JSON Schema มันมีมุมมองแบบต้นไม้เพื่อนำเสนอโครงสร้างของเอกสาร JSON ผู้ใช้สามารถจัดการกับ JSON จากเมนูบริบท มีมุมมองข้อความเพื่อนำเสนอเนื้อหาของเอกสาร JSON ผู้ใช้อาจแก้ไข JSON ภายใน พวกเขาแบ่งปันบัญชีผู้ใช้และที่เก็บสคีมาของผู้ใช้เพื่อให้ผู้ใช้สามารถใช้บัญชีหนึ่งบัญชีเพื่อเข้าสู่ระบบทั้งบรรณาธิการและสคีมาการเข้าถึง

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด