Google Blocklyのワークスペースに最初から複数のブロックを表示させる方法

ワークスペースに最初からブロックを表示させる

　解決するまでに時間がかかったので、メモとして公開します。

https://ytakata69.github.io/blockly-processing/
のコードを読んで理解しました。
ワークスペースに最初からブロックを表示させるには、xmlとJavaScriptの両方で「startBlocks」を指定します。

  <xml id="startBlocks" style="display: none">
    <block type="block_1"></block>
  </xml>
  <script>
    var workspace = Blockly.inject('blocklyDiv',
        {toolbox: document.getElementById('toolbox'),
         oneBasedIndex: false});
    Blockly.Xml.domToWorkspace(document.getElementById('startBlocks'),workspace);
  </script>

最初のブロックの位置を指定したい場合には、x,yの座標を指定します。

  <xml id="startBlocks" style="display: none">
    <block type="block_1" x="20" y="20"></block>
  </xml>

複数のブロックを接続して表示させる

これも、上記のコードで保存したlocalStorageデータからわかりました。
<next> </next>でブロックを囲んでいきます。

  <xml id="startBlocks" style="display: none">
    <block type="block_1">
      <next>
        <block type="block_2"></block>
      </next>
    </block>
  </xml>

ブロックの数が増えたときには、同じ数の<next>で囲むことになります。
ツールボックスに、複数のブロックを接続して表示させる場合も同様です。