수술 블록 사용

플러그인 사용

프러시저 블록을 사용하려면 @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" cusotm="PROCEDURE">
</xml>