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

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

ในการใช้การบล็อกกระบวนการ เราขอแนะนำให้ใช้ ปลั๊กอิน @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 ที่บันทึกไว้ ด้วยการบล็อกขั้นตอนเดิม แท็กเหล่านั้นจะยังคงโหลดได้อย่างถูกต้อง

การเพิ่มส่วนขยายลงในกล่องเครื่องมือ

หลังจากที่คุณกำหนดการบล็อก (ประเภทปลั๊กอินหรือบล็อกเดิม) แล้ว แบบบิวท์อิน) คุณจะต้องทำให้ผู้ใช้ของคุณใช้งานได้ ขั้นตอนนี้ต้องใช้ ให้ใช้กล่องเครื่องมือรูปแบบหมวดหมู่ เพราะระบบจะใส่หมวดหมู่ขั้นตอน แบบไดนามิก ซึ่งกล่องเครื่องมือ Flyout ไม่รองรับ

คุณสามารถเพิ่มหมวดหมู่แบบไดนามิกลงในกล่องเครื่องมือได้ดังนี้

JSONXML

{
  "kind": "categoryToolbox",
  "contents": [
    {
      "kind": "category",
      "name": "Functions",
      "custom": "PROCEDURE"
    }
  ]
};

<xml id="toolbox" style="display: none">
  <category name="Functions" custom="PROCEDURE">
</xml>