> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 新增、移動與移除區塊

> 在視覺化編輯器中，從區塊面板新增區塊、拖曳到想要的位置，並在檢視器中編輯，即可建立文件。

在視覺化編輯器中，文件由一個個區塊堆疊而成：頁首、地址、商品表格、總計等等。您可以從左側的區塊面板新增區塊，在中間的頁面上排列，並在右側的檢視器中變更所選區塊。編輯時，頁面會顯示您實際的單據樣式和預覽訂單的詳細資料。

## 開始之前

能否使用視覺化編輯器取決於您的方案。請參閱[視覺化編輯器適用方案](https://foliant-help.iforiti.com/zh-Hant/template-editor/visual-editor-plans.md)。

## 新增區塊

* **點擊**區塊面板中的區塊，即可將它新增到所選區塊下方（未選取任何區塊時，則新增到最後）。
* 將區塊從區塊面板**拖曳**到頁面上，或拖曳到**區塊**大綱中。一條線會標示它放下的位置。

使用區塊面板頂端的**搜尋區塊**，依名稱尋找區塊。區塊面板將區塊分為**版面**、**訂單**、**法規遵循**、**內容**和**已儲存的區塊**幾組（適用於所有選取訂單的範本會顯示**所有選取的訂單**，而不是**訂單**）。請參閱[區塊參考](https://foliant-help.iforiti.com/zh-Hant/template-editor/block-catalogue.md)。

## 選取並編輯區塊

* 點擊頁面上的區塊即可選取。它的設定會在檢視器中開啟，分為三個分頁：**內容**、**樣式**和**顯示條件**。
* 按兩下**文字**或**法律資訊頁尾**區塊，或**頁首**的標題，即可直接在頁面上編輯文字（或選取後按 Enter）。點擊外部即可儲存，按 Esc 則取消。
* 點擊頁面的空白處、按 Esc，或點擊檢視器頂端的**文件**，即可取消選取。檢視器接著會顯示整份文件：**單據樣式**和**區塊**大綱。

## 移動區塊

您可以用幾種方式移動區塊：

* 拖曳頁面上的區塊控點，或**區塊**大綱中的控點。
* 使用所選區塊控點下方的小按鈕：**上移**、**下移**、**複製**和**隱藏（不列印）**。
* 開啟控點的選單，使用更多移動方式：**上移**、**下移**、**移到最上方**、**移到最下方**、移入欄、移出欄或在欄之間移動，以及**移到頁首**、**移到內文**或**移到頁尾**。
* 使用檢視器中區塊名稱旁的箭頭按鈕。

## 複製、隱藏或刪除區塊

| 動作 | 位置 |
| - | - |
| **複製** | 在區塊控點下方、區塊選單中，或檢視器中。 |
| **隱藏（不列印）** | 在區塊控點下方。區塊會保留在範本中，但永遠不會列印。選擇**重新顯示**即可恢復。僅適用於沒有其他條件的區塊。 |
| **刪除** | 在區塊選單或檢視器中。使用**復原**即可恢復。 |
| **複製樣式** / **貼上樣式** | 在區塊選單中。將對齊、內距、背景、框線、寬度和間距複製到另一個區塊。 |
| **另存為區塊…** | 在區塊選單或檢視器中。儲存一份副本，供其他範本重複使用。請參閱[已儲存的區塊與共用區段](https://foliant-help.iforiti.com/zh-Hant/template-editor/saved-blocks-and-shared-sections.md)。 |

## 並排放置區塊

新增一個**欄**區塊，選擇其**版面**（**對半**、**左寬**、**右寬**、**三等分**或**四等分**），然後將區塊拖曳到頁面上或大綱中的欄內，或在**內容**分頁中針對某一欄使用**新增區塊**。拖曳頁面上欄之間的線條即可變更欄寬。欄中不能放入其他欄、分頁符號或共用區段。

## 區塊大綱

在未選取任何區塊時，開啟檢視器中的**區塊**（或點擊工具列中的區塊數量）。大綱會依順序列出所有區塊，並分為頁首、內文和頁尾，同時列出欄及其中的區塊。點擊區塊即可選取，或拖曳控點重新排序。設有條件的區塊會顯示**條件**標記。

## 復原與鍵盤快速鍵

工具列中的**復原**和**重做**適用於區塊、區塊設定和單據樣式，最多 100 個步驟。在同一個欄位中輸入文字算作一個步驟。

| 按鍵 | 動作 |
| - | - |
| ⌘Z / Ctrl+Z | 復原 |
| ⇧⌘Z / Ctrl+Shift+Z | 重做 |
| Alt+↑ / Alt+↓ | 將所選區塊上移或下移 |
| ⌘D / Ctrl+D | 複製所選區塊 |
| Delete 或 Backspace | 刪除所選區塊 |
| Enter | 在頁面上編輯所選區塊的文字 |
| Esc | 取消選取區塊 |

在欄位中輸入文字時，快速鍵不會生效。

## 小提醒

* 一個範本最多可容納 200 個區塊。達到上限時，請先移除一個區塊，才能新增另一個。
* 僅適用於單一訂單的區塊（頁首、地址、商品表格等）不會出現在適用於所有選取訂單的範本中，反之亦然。
* 您儲存之前，變更都不會儲存。請參閱[儲存變更並發布](https://foliant-help.iforiti.com/zh-Hant/template-editor/save-and-publish.md)。

## 相關文章

* [區塊參考](https://foliant-help.iforiti.com/zh-Hant/template-editor/block-catalogue.md)
* [設定區塊樣式與位置](https://foliant-help.iforiti.com/zh-Hant/template-editor/block-style-and-layout.md)
* [頁首與頁尾](https://foliant-help.iforiti.com/zh-Hant/template-editor/page-header-and-footer.md)
* [已儲存的區塊與共用區段](https://foliant-help.iforiti.com/zh-Hant/template-editor/saved-blocks-and-shared-sections.md)
* [用 AI 描述變更](https://foliant-help.iforiti.com/zh-Hant/template-editor/describe-a-change.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.