H5-บรรณาธิการ
การดำเนินการด้วยภาพ ลากและวางเพื่อสร้างเพจ ส่งออกไฟล์ html
มีระบบปลั๊กอินตัวแก้ไขสำหรับนักพัฒนา รองรับการสืบทอดจากโปรเจ็กต์ที่มีอยู่ และรองรับการพัฒนารอง
H5-Editor เป็นโปรเจ็กต์ส่วนหน้าล้วนๆ พัฒนาขึ้นจาก Vue2 และสร้างเพจด้วยการลากและวาง คล้ายกับ Yiqixiu, Baidu H5 เป็นต้น
สาธิต
คลิกที่นี่เพื่อเข้าถึงการสาธิตออนไลน์
การใช้งาน
git clone https://github.com/a7650/h5-editor.git
cd h5-editor
#如果你已经安装了nodejs，vue-cli等环境，可直接执行下列命令，否则需先安装环境
npm install
npm run dev
กองเทคโนโลยี
อิงตาม Vue2, Element-ui เป็นหลัก (ใช้ในปริมาณเล็กน้อย), Vuex
ฟังก์ชั่นหลักของตัวแก้ไข
- องค์ประกอบสามารถลาก ขยาย ลดขนาด และหมุนได้อย่างอิสระ
- คุณสามารถเพิ่มรูปภาพ ข้อความ สี่เหลี่ยม และพื้นหลังได้ คุณสมบัติการแก้ไขที่หลากหลาย (แบบอักษร พื้นหลัง ขนาด ระยะขอบ ฯลฯ)
- การดูดซับส่วนประกอบและคำแนะนำแบบเรียลไทม์โดยอัตโนมัติ (ส่วนประกอบต่างๆ สามารถดูดซับและจัดตำแหน่งให้สอดคล้องกับผืนผ้าใบได้โดยอัตโนมัติ คำแนะนำที่กำหนดเองและส่วนประกอบอื่นๆ และแสดงคำแนะนำแบบเรียลไทม์ กดปุ่ม alt ระหว่างการลากเพื่อปิดชั่วคราว)
- ไม้บรรทัด เส้นอ้างอิง เส้นอ้างอิงที่ปรับแต่งได้ (คลิกบนไม้บรรทัดเพื่อสร้างเส้นอ้างอิง ลากเส้นอ้างอิงเพื่อเปลี่ยนตำแหน่ง ดับเบิลคลิกเพื่อลบเส้นอ้างอิง)
- เลิกทำ ทำซ้ำ (รองรับปุ่มลัด จำนวนขั้นตอนการเลิกทำที่กำหนดได้)
- คัดลอก วาง ล็อค ซ่อน ฯลฯ
- Ctrl + ลากส่วนประกอบเพื่อคัดลอกส่วนประกอบอย่างรวดเร็ว
- เมนูคลิกขวา เมนูสามารถกำหนดค่าได้และสามารถสร้างได้อย่างยืดหยุ่นตามสถานะปัจจุบันของส่วนประกอบ (นั่นคือ ส่วนประกอบที่แตกต่างกันสามารถสร้างเมนูที่แตกต่างกันได้)
- แผงเลเยอร์ช่วยให้คุณสามารถลากและวางเลเยอร์ส่วนประกอบ เปลี่ยนชื่อ และล็อก ลบ และซ่อนส่วนประกอบในแผงเลเยอร์ได้อย่างรวดเร็ว
- เลือกองค์ประกอบหลายรายการพร้อมกัน (กด Ctrl + คลิกซ้าย) เพื่อจัดแนวองค์ประกอบหลายรายการ
- การสำรองข้อมูลจะถูกบันทึกภายในเครื่องผ่านฐานข้อมูล indexDB (มีการสำรองข้อมูลอัตโนมัติและการสำรองข้อมูลด้วยตนเอง) และสามารถกู้คืนข้อมูลจากการสำรองข้อมูลได้
- สร้างโค้ด h5 ได้ด้วยคลิกเดียว
- แก้ไขขนาดแคนวาส
- ปุ่มลัดต่างๆ
- การตั้งค่าศูนย์ คุณสามารถตั้งค่าฟังก์ชันเลิกทำ ฟังก์ชั่นสำรองข้อมูล ฯลฯ
- มีระบบปลั๊กอินสำหรับนักพัฒนาซึ่งสามารถใช้สำหรับการพัฒนารองได้ โปรดดูที่ PluginA ในไดเร็กทอรีปลั๊กอิน
