Blockly का फ़ाइल फ़ोल्डर, Blockly का सबसे ऊंचा कॉम्पोनेंट होता है. यह ऐसा यूज़र इंटरफ़ेस (यूआई) है जिन्हें ब्लॉक के साथ प्रोग्राम करने के लिए इस्तेमाल किया जाता है.
फ़ाइल फ़ोल्डर और उसके सबकॉम्पोनेंट के बारे में ज़्यादा जानकारी के लिए, विज़ुअल शब्दावली.
इंजेक्शन div
ब्लॉकली वर्कस्पेस को <div> में इंजेक्ट किया जाना चाहिए, जिसे "इंजेक्शन" कहा जाता है
div".
इंजेक्शन डिफ़ का साइज़ स्टैटिक हो सकता है या डाइनैमिक इस्तेमाल करें. div के भीतर ब्लॉकली तत्व उनके अपडेट को अपडेट करते हैं साइज़.
नीचे दिया गया कोड स्निपेट, स्टैटिक साइज़ वाले इंजेक्शन div के लिए एचटीएमएल दिखाता है:
<div id="blocklyDiv" style="height: 480px; width: 600px;"></div>
इंजेक्शन
इंजेक्शन ऐसे सभी एचटीएमएल सब-एलिमेंट बनाता है जो एक पेज का यूज़र इंटरफ़ेस (यूआई) बनाते हैं name@yourcompany.com जैसा कोई प्रोफ़ेशनल ईमेल पता बनाएं. इससे आपका कारोबार ज़्यादा भरोसेमंद बनेगा. यह फ़ाइल फ़ोल्डर पाने के लिए, सभी ज़रूरी प्रोसेस शुरू करता है इस्तेमाल के लिए तैयार है.
इंजेक्शन फ़ंक्शन, इंजेक्शन डीआईवी के आईडी या इंजेक्शन का इस्तेमाल कर सकता है div ही:
// Passes the ID.
const workspace = Blockly.inject('blocklyDiv', { /* config */ });
// Passes the injection div.
const workspace = Blockly.inject(
document.getElementById('blocklyDiv'), { /* config */ });
कॉन्फ़िगरेशन
फ़ाइल फ़ोल्डर को कई विकल्पों के साथ कॉन्फ़िगर किया जा सकता है, जैसे कि लेआउट और स्टाइल इंजेक्शन के दौरान.
कॉन्फ़िगरेशन के विकल्पों के बारे में ज़्यादा जानने के लिए, यहां जाएं कॉन्फ़िगरेशन के विकल्प.