יצירה של סביבת עבודה

סביבת עבודה של Blockly היא הרכיב ברמה הגבוהה ביותר של Blockly. זה ממשק המשתמש שמשתמשים בהם לתכנות באמצעות בלוקים.

למידע נוסף על סביבת העבודה ורכיבי המשנה שלה, אפשר לעיין בגרסה החזותית מילון מונחים.

הזרקת div

צריך להחדר סביבת עבודה של Blockly אל <div>, שנקראת 'החדרה' div".

ניתן לשנות את גודל ה-div של ההזרקה באופן סטטי או באופן דינמי. רכיבים חוסמים בתוך div מעדכנים כשגודל החלון משתנה.

קטע הקוד הבא מציג את ה-HTML של החדרה בגודל סטטי:

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

הזרקה

החדרה יוצרת את כל רכיבי המשנה של HTML שמרכיבים את ממשק המשתמש של סביבת העבודה. הוא גם מבצע את כל האתחול שנדרש כדי לקבל את סביבת העבודה מוכן לשימוש.

פונקציית ההזרקה יכולה לקלוט את המזהה של הזרקה או את ההזרקה div עצמו:

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

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

תצורה

אפשר להגדיר את סביבת העבודה עם מגוון אפשרויות (כמו פריסה וסגנון) במהלך ההזרקה.

למידע נוסף על אפשרויות תצורה, אפשרויות להגדרות.