Ajouter une boîte à outils

La boîte à outils contient les blocs que vous utilisez pour programmer. Vous pouvez faire glisser les blocs dans l'espace de travail.

Pour en savoir plus sur l'apparence d'une boîte à outils, consultez le glossaire visuel.

Définition de base

Une définition de boîte à outils spécifie les blocs inclus dans la boîte à outils et dans quel ordre. L'apparence et le style de votre boîte à outils sont principalement spécifiés par d'autres moyens.

Nous vous recommandons de définir votre boîte à outils au format JSON.

Cet extrait de code définit une boîte à outils avec deux blocs:

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 options during injection.
const workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});

Pour en savoir plus sur la définition et la configuration de votre boîte à outils, consultez la section Présentation de la boîte à outils.

Pour en savoir plus sur l'injection, consultez la section Création d'un espace de travail.