Hộp công cụ chứa các khối mà bạn sử dụng để lập trình. Bạn có thể kéo các khối vào không gian làm việc.
Để biết thêm thông tin về hộp công cụ, hãy xem bảng thuật ngữ về hình ảnh.
Định nghĩa cơ bản
Định nghĩa hộp công cụ cho biết những khối được đưa vào hộp công cụ và thứ tự. Hầu hết giao diện và kiểu dáng của hộp công cụ được chỉ định theo các cách khác.
Bạn nên xác định hộp công cụ của mình bằng cách sử dụng JSON.
Đoạn mã này xác định một hộp công cụ thông báo có hai khối:
const toolbox = {
// There are two kinds of toolboxes. The simpler one is a flyout toolbox.
kind: 'flyoutToolbox',
// The contents is the blocks and other items that exist in your toolbox.
contents: [
{
kind: 'block',
type: 'controls_if'
},
{
kind: 'block',
type: 'controls_whileUntil'
}
// You can add more blocks to this array.
]
};
// The toolbox gets passed to the configuration struct during injection.
const workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});
Để biết thêm thông tin về cách xác định và định cấu hình hộp công cụ, hãy xem bài viết Tổng quan về hộp công cụ.
Để biết thêm thông tin về tính năng chèn, hãy xem bài viết Tạo không gian làm việc.