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

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

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

إدخال div

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

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

يعرض مقتطف الرمز التالي رمز HTML لعنصر حقن ذي حجم ثابت:

<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 */ });

الإعدادات

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

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