একটি কর্মক্ষেত্র তৈরি করুন

একটি ব্লকলি ওয়ার্কস্পেস হল ব্লকলির সর্বোচ্চ স্তরের উপাদান। এটি হল ইউআই যা আপনি ব্লক সহ প্রোগ্রাম করতে ব্যবহার করেন।

ওয়ার্কস্পেস এবং এর সাবকম্পোনেন্ট সম্পর্কে আরও তথ্যের জন্য, ভিজ্যুয়াল শব্দকোষ দেখুন।

ইনজেকশন ডিভ

একটি ব্লকলি ওয়ার্কস্পেস অবশ্যই একটি <div> এ ইনজেকশন করতে হবে, যাকে "ইনজেকশন ডিভ" বলা হয়।

ইনজেকশন div স্ট্যাটিক বা গতিশীল আকারে করা যেতে পারে। উইন্ডোর আকার পরিবর্তন করার সময় div মধ্যে ব্লকলি উপাদানগুলি তাদের আকার আপডেট করে।

নিম্নলিখিত কোড স্নিপেট একটি স্ট্যাটিক আকারের ইনজেকশন div জন্য HTML দেখায়:

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

ইনজেকশন

ইনজেকশন সমস্ত HTML উপ-উপাদান তৈরি করে যা একটি কর্মক্ষেত্রের UI তৈরি করে। এটি ব্যবহারের জন্য ওয়ার্কস্পেস প্রস্তুত করার জন্য প্রয়োজনীয় সমস্ত প্রারম্ভিকতাও করে।

ইনজেকশন ফাংশনটি ইনজেকশন div আইডি বা ইনজেকশন div নিজেই নিতে পারে:

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

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

কনফিগারেশন

ইনজেকশনের সময় ওয়ার্কস্পেসটি অনেক অপশন (যেমন লেআউট এবং স্টাইল) দিয়ে কনফিগার করা যেতে পারে।

কনফিগারেশন বিকল্প সম্পর্কে আরও তথ্যের জন্য, কনফিগারেশন বিকল্পগুলি দেখুন।