Prozedurblöcke verwenden

Plug-in verwenden

Für Prozedurblöcke empfehlen wir die Verwendung des Plug-ins @blockly/block-shareable-procedures. Informationen zum Unterschied zwischen den Plug-in-Blöcken und den integrierten Blöcken finden Sie in der Übersicht.

Installation

Garn: 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 Prozedurblöcke definiert, die denselben Namen wie die integrierten Legacy-Prozedurblöcke haben. Wenn Sie also JSON- oder XML-Daten laden, die mit den alten Prozedurblöcken gespeichert wurden, werden sie weiterhin korrekt geladen.

Zur Toolbox hinzufügen

Nachdem Sie Ihre Blöcke (entweder die Plug-in-Blöcke oder die integrierten Legacy-Blöcke) definiert haben, müssen Sie sie Ihren Nutzern zur Verfügung stellen. Dazu müssen Sie eine Kategoriestil-Toolbox verwenden, da die Prozedurkategorie dynamisch befüllt wird, was von der Flyout-Toolbox nicht unterstützt wird.

Sie können die dynamische Kategorie wie folgt zu Ihrer Toolbox hinzufügen:

JSON

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

XML

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