إنشاء مساحة عمل
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
مساحة عمل 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 */ });
الإعداد
يمكن ضبط مساحة العمل باستخدام العديد من الخيارات (مثل التنسيق والأسلوب) أثناء عملية الإدخال.
لمزيد من المعلومات حول خيارات الإعداد، يُرجى الاطّلاع على خيارات الإعداد.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2025-09-11 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2025-09-11 (حسب التوقيت العالمي المتفَّق عليه)"],[],["Blockly workspaces, the UI for block programming, are injected into a designated `\u003cdiv\u003e` element called the \"injection div.\" This div can have a fixed or dynamic size, with Blockly elements resizing accordingly. Injection initializes the workspace UI and readies it for use. The `Blockly.inject()` function, which creates the workspace, accepts either the injection div's ID or the div itself. Workspace configuration, including layout and style, is set during the injection process.\n"]]
