Die Toolbox enthält die Blöcke, die Sie zum Programmieren verwenden. Die Blöcke können in den Arbeitsbereich gezogen werden.
Weitere Informationen zu einer Toolbox finden Sie im visuellen Glossar.
Grundlegende Definition
Eine Toolbox-Definition gibt an, welche Blöcke in welcher Reihenfolge in die Toolbox aufgenommen werden. Das Aussehen und der Stil Ihrer Toolbox werden größtenteils auf andere Weise festgelegt.
Wir empfehlen, Ihre Toolbox mit JSON zu definieren.
Dieses Code-Snippet definiert eine Flyout-Toolbox mit zwei Blöcken:
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});
Weitere Informationen zum Definieren und Konfigurieren der Toolbox finden Sie unter Toolbox – Übersicht.
Weitere Informationen zum Einfügen finden Sie unter Arbeitsbereich erstellen.