La caja de herramientas contiene los bloques que usas para programar. Los bloques se pueden arrastrar al espacio de trabajo.
Para obtener más información sobre cómo luce una caja de herramientas, consulta el glosario visual.
Definición básica
Una definición de caja de herramientas especifica qué bloques se incluyen en la caja de herramientas y en qué orden. La mayor parte del aspecto y el estilo de tu caja de herramientas se especifican de otras maneras.
Te recomendamos definir tu caja de herramientas con JSON.
Este fragmento de código define una caja de herramientas flotante con dos bloques:
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});
Si deseas obtener más información para definir y configurar tu caja de herramientas, consulta Descripción general de Toolbox.
Para obtener más información sobre la inserción, consulta Creación del lugar de trabajo.