একটি বিভাগ টুলবক্স সংজ্ঞায়িত করুন

একটি ক্যাটাগরি টুলবক্সে একাধিক ব্লক সেট থাকে, যেগুলো বিভিন্ন ক্যাটাগরিতে সাজানো থাকে।

কন্ট্রোল এবং লজিক ক্যাটাগরি সহ একটি ক্যাটাগরি টুলবক্স। লজিক ক্যাটাগরিটি খোলা আছে এবং ফ্লাইআউট টুলবক্সটিতে তুলনা, অ্যান্ড-অর, এবং ট্রু-ফলস ব্লক রয়েছে।

একটি ক্যাটাগরি টুলবক্স তৈরি করতে, কনফিগারেশন অপশন- এর toolbox প্রপার্টিতে টুলবক্সটির বর্ণনা সম্বলিত JSON বা XML ফাইল পাস করুন।

JSON

var toolbox = {
    "kind": "categoryToolbox",
    "contents": [
      {
        "kind": "category",
        "name": "Control",
        "contents": [
          {
            "kind": "block",
            "type": "controls_if"
          },
        ]
      },
      {
        "kind": "category",
        "name": "Logic",
        "contents": [
          {
            "kind": "block",
            "type": "logic_compare"
          },
          {
            "kind": "block",
            "type": "logic_operation"
          },
          {
            "kind": "block",
            "type": "logic_boolean"
          }
        ]
      }
    ]
  };
var workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});

এক্সএমএল

<xml id="toolbox" style="display: none">
  <category name="Control">
    <block type="controls_if"></block>
  </category>
  <category name="Logic">
    <block type="logic_compare"></block>
    <block type="logic_operation"></block>
    <block type="logic_boolean"></block>
  </category>
</xml>
<script>
  var workspace = Blockly.inject('blocklyDiv',
      {toolbox: document.getElementById('toolbox')});
</script>

এক্সএমএল স্ট্রিং

var toolbox = '<xml id="toolbox" style="display: none">' +
    '<category name="Control">' +
    '<block type="controls_if"></block>' +
    '</category>' +
    '<category name="Logic">' +
    '<block type="logic_compare"></block>' +
    '<block type="logic_operation"></block>' +
    '<block type="logic_boolean"></block>' +
    '</category>' +
    '</xml>';
var workspace = Blockly.inject('blocklyDiv', {toolbox: toolbox});