Obszar roboczy Blockly to komponent najwyższego poziomu w Blockly. To interfejs, których używasz do programowania bloków.
Więcej informacji o obszarze roboczym i jego podskładnikach znajdziesz w wizualizacjach glosariusz.
Element div wstrzykiwania
Obszar roboczy Blockly musi zostać wstrzyknięty do obszaru <div>, który nazywamy „wstrzyknięciem kodu”
div”.
Element div z wstrzykniętym elementem div może mieć statyczny rozmiar lub dynamicznie. Elementy blokowe w elemencie div aktualizują swoje zmienia rozmiar okna.
Ten fragment kodu pokazuje kod HTML elementu div z wstrzykiwaniem o statycznym rozmiarze:
<div id="blocklyDiv" style="height: 480px; width: 600px;"></div>
Zastrzyk antykoncepcyjny
Wstrzyknięcie kodu tworzy wszystkie podelementy HTML, które wchodzą w skład interfejsu obszar roboczy. Przetwarza też wszystkie inicjalizacje potrzebne do pobrania obszaru roboczego. gotowe do użycia.
Funkcja wstrzykiwania może przyjmować identyfikator elementu div do wstrzykiwania lub elementu do wstrzykiwania div:
// Passes the ID.
const workspace = Blockly.inject('blocklyDiv', { /* config */ });
// Passes the injection div.
const workspace = Blockly.inject(
document.getElementById('blocklyDiv'), { /* config */ });
Konfiguracja
Obszar roboczy można skonfigurować za pomocą wielu opcji (takich jak układ i styl). podczas wstrzykiwania.
Więcej informacji o opcjach konfiguracji znajdziesz w artykule Opcje konfiguracji: