Không gian làm việc Blockly là thành phần cấp cao nhất của Blockly. Đây là giao diện người dùng mà bạn dùng để lập trình bằng các khối.
Để biết thêm thông tin về không gian làm việc và các thành phần phụ của không gian làm việc, hãy xem thuật ngữ trực quan.
Phần tử div chèn
Bạn phải chèn một không gian làm việc Blockly vào <div>, được gọi là "injection div".
Bạn có thể định cỡ div theo cách tĩnh hoặc động. Các phần tử Blockly trong div sẽ cập nhật kích thước khi cửa sổ thay đổi kích thước.
Đoạn mã sau đây cho thấy HTML cho một thành phần chèn có kích thước tĩnh div:
<div id="blocklyDiv" style="height: 480px; width: 600px;"></div>
Tiêm
Quá trình chèn sẽ tạo tất cả các phần tử phụ HTML tạo nên giao diện người dùng của một không gian làm việc. Thao tác này cũng thực hiện tất cả các bước khởi chạy cần thiết để chuẩn bị sẵn sàng cho việc sử dụng không gian làm việc.
Hàm chèn có thể nhận mã nhận dạng của div chèn hoặc chính div chèn:
// Passes the ID.
const workspace = Blockly.inject('blocklyDiv', { /* config */ });
// Passes the injection div.
const workspace = Blockly.inject(
document.getElementById('blocklyDiv'), { /* config */ });
Cấu hình
Bạn có thể định cấu hình không gian làm việc bằng nhiều lựa chọn (chẳng hạn như bố cục và kiểu) trong quá trình truyền.
Để biết thêm thông tin về các lựa chọn cấu hình, hãy xem phần Các lựa chọn cấu hình.