یک فضای کاری ایجاد کنید

فضای کاری Blockly بالاترین سطح جزء Blockly است. این رابط کاربری است که برای برنامه نویسی با بلوک ها از آن استفاده می کنید.

برای اطلاعات بیشتر در مورد فضای کاری و اجزای فرعی آن، به واژه نامه تصویری مراجعه کنید.

بخش تزریق

یک فضای کاری Blockly باید به یک <div> تزریق شود که "injection div" نامیده می شود.

div تزریق می تواند به صورت استاتیک یا پویا اندازه شود. عناصر Blockly در div اندازه خود را با تغییر اندازه پنجره به روز می کنند.

قطعه کد زیر HTML را برای یک div تزریقی با اندازه ایستا نشان می دهد:

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

تزریق

Injection تمام عناصر فرعی HTML را ایجاد می کند که رابط کاربری یک فضای کاری را تشکیل می دهند. همچنین تمام مقداردهی اولیه مورد نیاز برای آماده کردن فضای کاری برای استفاده را انجام می دهد.

تابع تزریق می تواند شناسه div تزریق یا خود div تزریق را داشته باشد:

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

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

پیکربندی

فضای کاری را می توان با گزینه های متعدد (مانند طرح و سبک) در حین تزریق پیکربندی کرد.

برای اطلاعات بیشتر در مورد گزینه های پیکربندی، به گزینه های پیکربندی مراجعه کنید.