使用程序區塊

使用外掛程式

如要使用程序區塊，建議您使用 @blockly/block-shareable-procedures 外掛程式。如要瞭解外掛程式區塊和內建區塊之間的差異，請參閱總覽。

安裝

紗線： shell yarn add @blockly/block-shareable-procedures

合作夥伴經理： shell npm install @blockly/block-shareable-procedures

使用方法

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

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

此程式碼會定義與舊版內建程序區塊相同的程序區塊。因此，如果您載入透過舊程序區塊儲存的 JSON 或 XML，這些項目會繼續正確載入。

將這些內容新增至工具箱

定義區塊 (外掛程式或舊版的內建區塊) 後，您必須將區塊提供給使用者。您必須使用類別樣式工具箱，因為系統會動態填入程序類別，而浮動工具箱不支援。

您可以在工具箱中新增動態類別，如下所示：

JSON

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

XML

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