Рабочее пространство Blockly — это компонент Blockly самого высокого уровня. Это пользовательский интерфейс, который вы используете для программирования с блоками.
Дополнительную информацию о рабочей области и ее подкомпонентах см. в визуальном глоссарии .
Инъекционный div
Рабочее пространство Blockly должно быть внедрено в <div> `, называемый «div внедрения».
Размер элемента ввода может изменяться статически или динамически . Блочные элементы внутри div обновляют свой размер при изменении размера окна.
В следующем фрагменте кода показан HTML-код для вставки div статического размера:
<div id="blocklyDiv" style="height: 480px; width: 600px;"></div>
Инъекция
Внедрение создает все подэлементы HTML, составляющие пользовательский интерфейс рабочей области. Он также выполняет всю инициализацию, необходимую для подготовки рабочей области к использованию.
Функция инъекции может принимать идентификатор элемента внедрения или сам элемент внедрения:
// Passes the ID.
const workspace = Blockly.inject('blocklyDiv', { /* config */ });
// Passes the injection div.
const workspace = Blockly.inject(
document.getElementById('blocklyDiv'), { /* config */ });
Конфигурация
Во время внедрения рабочее пространство можно настроить с помощью множества параметров (например, макета и стиля).
Дополнительные сведения о параметрах конфигурации см. в разделе Параметры конфигурации .