การใช้ปลั๊กอิน
หากต้องการใช้การบล็อกขั้นตอน เราขอแนะนำให้ใช้ปลั๊กอิน @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 ไม่รองรับ
คุณสามารถเพิ่มหมวดหมู่แบบไดนามิกในกล่องเครื่องมือได้ดังนี้
JSON
{
"kind": "categoryToolbox",
"contents": [
{
"kind": "category",
"name": "Functions",
"custom": "PROCEDURE"
}
]
};
XML
<xml id="toolbox" style="display: none">
<category name="Functions" cusotm="PROCEDURE">
</xml>