फ़ाइल फ़ोल्डर बनाना

ब्लॉकली फ़ाइल फ़ोल्डर, Blockly का सबसे ऊपर के लेवल वाला कॉम्पोनेंट है. यह ऐसा यूज़र इंटरफ़ेस (यूआई) है जिसका इस्तेमाल ब्लॉक के साथ प्रोग्राम करने के लिए किया जाता है.

फ़ाइल फ़ोल्डर और उसके सबकॉम्पोनेंट के बारे में ज़्यादा जानकारी के लिए, विज़ुअल शब्दावली देखें.

इंजेक्शन div

ब्लॉकली फ़ाइल फ़ोल्डर को <div>` में इंजेक्ट किया जाना चाहिए, जिसे "इंजेक्शन डिव" कहा जाता है.

इंजेक्शन डिव का साइज़ स्टैटिक या डाइनैमिक तौर पर हो सकता है. विंडो का साइज़ बदलने पर, div में ब्लॉकली एलिमेंट अपना साइज़ अपडेट कर देते हैं.

नीचे दिया गया कोड स्निपेट, स्टैटिक साइज़ के इंजेक्शन div का एचटीएमएल दिखाता है:

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

इंजेक्शन

इंजेक्शन से उन सभी एचटीएमएल सब-एलिमेंट को बनाया जाता है जो किसी फ़ाइल फ़ोल्डर का यूज़र इंटरफ़ेस (यूआई) बनाते हैं. यह फ़ाइल फ़ोल्डर को इस्तेमाल के लिए तैयार करने के लिए ज़रूरी सभी चीज़ें भी करता है.

इंजेक्शन फ़ंक्शन इंजेक्शन div या खुद इंजेक्शन div का आईडी ले सकता है:

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

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

कॉन्फ़िगरेशन

फ़ाइल फ़ोल्डर को इंजेक्शन के दौरान कई विकल्पों (जैसे कि लेआउट और स्टाइल) से कॉन्फ़िगर किया जा सकता है.

कॉन्फ़िगरेशन के विकल्पों के बारे में ज़्यादा जानने के लिए, कॉन्फ़िगरेशन के विकल्प देखें.