Integrierte Verfahrensblöcke verwenden

Plug-in verwenden

Wenn Sie Prozedurblöcke verwenden möchten, empfehlen wir das Plug-in @blockly/block-shareable-procedures. Hier finden Sie eine Übersicht über die Unterschiede zwischen den Plugin-Blöcken und den integrierten Blöcken.

Installation

Yarn: shell yarn add @blockly/block-shareable-procedures

NPM: shell npm install @blockly/block-shareable-procedures

Nutzung

import Blockly from 'blockly';
import {blocks, unregisterProcedureBlocks} '@blockly/block-shareable-procedures';

unregisterProcedureBlocks();
Blockly.common.defineBlocks(blocks);

Dadurch werden Verfahrensblöcke mit denselben Namen wie die alten integrierten Verfahrensblöcke definiert. Wenn Sie also JSON oder XML laden, das mit den alten Prozedurblöcken gespeichert wurde, wird es weiterhin korrekt geladen.

Tools hinzufügen

Nachdem Sie Ihre Blöcke definiert haben (entweder die Plugin-Blöcke oder die integrierten Legacy-Blöcke), müssen Sie sie Ihren Nutzern zur Verfügung stellen. Dazu müssen Sie eine Toolbox mit Kategorien verwenden, da die Verfahrenskategorie dynamisch ausgefüllt wird. Das wird von der Flyout-Toolbox nicht unterstützt.

So fügen Sie die dynamische Kategorie in Ihre Toolbox ein:

JSON

{
  "kind": "categoryToolbox",
  "contents": [
    {
      "kind": "category",
      "name": "Functions",
      "custom": "PROCEDURE"
    }
  ]
};

XML

<xml id="toolbox" style="display: none">
  <category name="Functions" custom="PROCEDURE">
</xml>