使用程序區塊

使用外掛程式

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

安裝

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

NPM： 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" custom="PROCEDURE">
</xml>