该工具箱包含用于编程的块。您可以将这些块拖动到工作区中。
如需详细了解工具箱的外观,请参阅视觉术语表。
基本定义
工具箱定义指定了工具箱中包含哪些块以及包含哪些块顺序。工具箱的大部分外观和样式都是通过其他方式指定的。
我们建议您使用 JSON 定义工具箱。
以下代码段定义了一个包含两个块的弹出式工具箱:
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});
如需详细了解如何定义和配置工具箱,请参阅工具箱概览。
如需详细了解注入,请参阅创建工作区。