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

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

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

الإدخال div

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

يمكن تغيير حجم عنصر div للإدخال ثابتًا أو ديناميكيًا تقوم عناصر بشكل كتلي داخل عنصر 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 */ });

الإعداد

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

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