Sử dụng các khối quy trình tích hợp sẵn

Sử dụng trình bổ trợ

Để sử dụng các khối quy trình, bạn nên dùng trình bổ trợ @blockly/block-shareable-procedures. Để biết sự khác biệt giữa các khối plugin và các khối tích hợp, hãy xem thông tin tổng quan.

Cài đặt

Yarn: shell yarn add @blockly/block-shareable-procedures

NPM: shell npm install @blockly/block-shareable-procedures

Cách sử dụng

import Blockly from 'blockly';
import {blocks, unregisterProcedureBlocks} '@blockly/block-shareable-procedures';

unregisterProcedureBlocks();
Blockly.common.defineBlocks(blocks);

Thao tác này sẽ xác định các khối quy trình có cùng tên với các khối quy trình tích hợp cũ. Vì vậy, nếu bạn đang tải JSON hoặc XML đã được lưu bằng các khối quy trình cũ, thì chúng sẽ tiếp tục tải đúng cách.

Thêm các công cụ đó vào hộp công cụ

Sau khi xác định các khối (khối trình bổ trợ hoặc khối tích hợp cũ), bạn cần cung cấp các khối đó cho người dùng. Bạn cần sử dụng hộp công cụ kiểu danh mục vì danh mục quy trình được điền sẵn một cách linh động, điều này không được hộp công cụ bật lên hỗ trợ.

Bạn có thể thêm danh mục động vào hộp công cụ của mình như sau:

JSON

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

XML

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