# 添加工具箱
工具箱包含了您用来编程的块。这些块可以被拖动到工作区中。
有关工具箱外观的更多信息,请参阅可视化术语表。
# 基本定义
工具箱定义指定了哪些块会被包含在工具箱中,以及它们的顺序。工具箱的大部分外观和样式是通过其他方式指定的。
我们建议使用 JSON 来定义您的工具箱。
这段代码片段定义了一个包含两个块的弹出式工具箱:
const toolbox = {
// 有两种工具箱。较简单的一种是弹出式工具箱。
kind: 'flyoutToolbox',
// contents 是工具箱中存在的块和其他项目。
contents: [
{
kind: 'block',
type: 'controls_if'
},
{
kind: 'block',
type: 'controls_whileUntil'
}
// 您可以在这个数组中添加更多的块。
]
};
// 工具箱在注入过程中被传递给配置结构。
const workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});
有关如何定义和配置工具箱的更多信息,请参阅 工具箱概述.
有关注入的更多信息,请参阅 创建工作区.