Không gian làm việc Blockly là thành phần cấp cao nhất của Blockly. Chính giao diện người dùng bạn dùng để lập trình với 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 phần hình ảnh trực quan bảng chú giải thuật ngữ.
div tiêm
Không gian làm việc Blockly phải được chèn vào một <div>`, được gọi là tính năng "chèn
div".
div chèn có thể được định kích thước tĩnh hoặc một cách linh động. Các phần tử Blockly trong div cập nhật kích thước của cửa sổ khi cửa sổ đổi kích thước.
Đoạn mã sau đây hiển thị HTML của một div chèn có kích thước tĩnh:
<div id="blocklyDiv" style="height: 480px; width: 600px;"></div>
Tiêm
Chèn 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 Workspace. Thư viện này cũng thực hiện mọi hoạt động khởi tạo cần thiết để tải không gian làm việc sẵn sàng để sử dụng.
Hàm chèn có thể lấy mã nhận dạng của div chèn hoặc nội dung chèn chính div:
// 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 với nhiều lựa chọn (chẳng hạn như bố cục và kiểu) trong khi tiêm.
Để biết thêm thông tin về các chế độ cấu hình, hãy xem Tuỳ chọn cấu hình.