Tạo một không gian làm việc
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
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.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-09-11 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-09-11 UTC."],[],["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"]]