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 sử 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ụ, hãy xem bảng thuật ngữ về hình ảnh.
Nội dung tiêm div
Không gian làm việc theo khối (blockly) phải được chèn vào <div>, gọi là "div phương thức chèn".
Div nội dung chèn có thể định kích thước tĩnh hoặc động. Các phần tử khối trong div sẽ cập nhật kích thước của các phần tử đó khi cửa sổ đổi kích thước.
Đoạn mã sau đây hiển thị HTML cho div chèn kích thước tĩnh:
<div id="blocklyDiv" style="height: 480px; width: 600px;"></div>
Tiêm
Nội dung 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. Thư viện này cũng thực hiện mọi thao tác khởi chạy cần thiết để chuẩn bị sẵn sàng cho không gian làm việc.
Hàm chèn có thể lấy 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
Không gian làm việc có thể được định cấu hình bằng nhiều tuỳ chọn (chẳng hạn như bố cục và kiểu) trong quá trình chèn.
Để biết thêm thông tin về các tuỳ chọn cấu hình, hãy xem phần Tuỳ chọn cấu hình.