إنشاء مساحة عمل

مساحة عمل Blockly هي أعلى مستوى من مكوّنات Blockly. وهي واجهة المستخدم التي تستخدمها للبرمجة باستخدام الكتل.

لمزيد من المعلومات عن مساحة العمل ومكوناتها الفرعية، يُرجى الاطّلاع على المعجم المرئي.

القسم الذي يتم فيه الحقن

يجب إدراج مساحة عمل Blockly في <div>، ويُطلق عليها اسم "عنصر div الخاص بالإدراج".

يمكن تحديد حجم عملية الحقن div بشكل ثابت أو ديناميكي. تعدّل عناصر Blockly داخل div حجمها عند تغيير حجم النافذة.

يعرض مقتطف الرمز التالي ملف HTML لعملية إدخال ذات حجم ثابت div:

<div id="blocklyDiv" style="height: 480px; width: 600px;"></div>

الحقن

تنشئ عملية الإدخال جميع العناصر الفرعية في HTML التي تشكّل واجهة مستخدم مساحة العمل. ويجري أيضًا جميع عمليات الإعداد اللازمة لتجهيز مساحة العمل للاستخدام.

يمكن أن تتلقّى دالة الإدخال رقم تعريف الإدخال div أو الإدخال div نفسه:

// Passes the ID.
const workspace = Blockly.inject('blocklyDiv', { /* config */ });

// Passes the injection div.
const workspace = Blockly.inject(
    document.getElementById('blocklyDiv'), { /* config */ });

الإعداد

يمكن ضبط مساحة العمل باستخدام العديد من الخيارات (مثل التنسيق والأسلوب) أثناء عملية الإدخال.

لمزيد من المعلومات حول خيارات الإعداد، يُرجى الاطّلاع على خيارات الإعداد.