محرر 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 في دليل المكونات الإضافية.
