기본 제공 프로시저 블록 사용

플러그인 사용

절차 블록을 사용하려면 @blockly/block-shareable-procedures 플러그인을 사용하는 것이 좋습니다. 플러그인 블록과 기본 제공 블록의 차이점은 개요를 참고하세요.

설치

Yarn: 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>