使用程序區塊

使用外掛程式

如要使用程序區塊,建議您透過 @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 原本的程序區塊,將繼續正確載入。

將物件新增至工具箱

定義模塊後 (外掛程式或舊版都可以) 時,必須提供給使用者。這需要 要使用類別樣式工具箱,因為系統已填入程序類別 動態,但尖端工具箱不支援這項功能。

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

JSONXML
{
 
"kind": "categoryToolbox",
 
"contents": [
   
{
     
"kind": "category",
     
"name": "Functions",
     
"custom": "PROCEDURE"
   
}
 
]
};
<xml id="toolbox" style="display: none">
 
<category name="Functions" custom="PROCEDURE">
</xml>