格線選項

Blockly 的主要工作區可視需要顯示格線。您可以讓區塊對齊格線，以便建立更整齊的版面配置。這對於大型應用程式特別有用，因為這些應用程式會在廣大的範圍內散布多個程式碼群組。

格線的設定是由 Blockly 的設定選項所屬的物件定義。範例如下：

var workspace = Blockly.inject('blocklyDiv',
    {toolbox: document.getElementById('toolbox'),
     grid:
         {spacing: 20,
          length: 3,
          colour: '#ccc',
          snap: true},
     trashcan: true});

間距

最重要的格線屬性是 spacing，可定義格線點之間的距離。預設值為 0，表示不顯示格線。以下是 spacing 設為 10、20 和 40 的範例：

三個不同的工作區，其中格線間距分別設為 10、20 和 40。

長度

length 屬性是定義格線點形狀的數字。長度為 0 的結果是無形狀網格 (但仍可對齊)，長度為 1 (預設值) 的結果是點，長度較長的結果是十字架，而長度等於或大於間距的結果是圖表紙。以下是 length 設為 1、5 和 20 的範例：

三個不同工作區，其中格線標記長度分別為 1、5 和 20。第一個長度會產生點，第二個長度會產生交叉，第三個長度會產生圖表紙。

顏色

colour 屬性是用來設定點顏色的字串。請注意英國拼法。使用任何 CSS 相容格式，包括 #f00、#ff0000 或 rgb(255, 0, 0)。預設值為 #888。以下是 colour 設為 #000、#ccc 和 #f00 的範例：

三個使用不同格線顏色的不同工作區。

Snap

snap 屬性是布林值，可設定方塊放置在工作區時，是否應對齊至最近的格線點。預設值為 false。

顯示已對齊格線的區塊，以及顯示未對齊格線的區塊。