Utwórz obszar roboczy
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
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:
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-06-13 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2025-06-13 UTC."],[[["A Blockly workspace is a UI for programming with blocks and is injected into a `\u003cdiv\u003e` element called the injection div."],["The injection div can have static or dynamic sizing, with Blockly elements resizing accordingly."],["Injection creates the workspace UI and initializes it for use, taking either the injection div's ID or the div itself as input."],["Blockly workspaces are highly configurable, allowing you to customize layout, style, and other options during injection."]]],["Blockly workspaces, the UI for block programming, are injected into a designated `\u003cdiv\u003e` element called the \"injection div.\" This div can have a fixed or dynamic size, with Blockly elements resizing accordingly. Injection initializes the workspace UI and readies it for use. The `Blockly.inject()` function, which creates the workspace, accepts either the injection div's ID or the div itself. Workspace configuration, including layout and style, is set during the injection process.\n"]]
