ใช้บล็อกขั้นตอนในตัว

การใช้ปลั๊กอิน

หากต้องการใช้บล็อกขั้นตอน เราขอแนะนำให้ใช้ปลั๊กอิน @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>