Text Padder 將文字填補至精準的 Unicode 碼點長度，範圍從 0 到 1,000,000，可填補在左側、右側或兩側，這正是你在 Canva 文字方塊中放入內容、使其達到可預期字元數所需要的工具。在 Canva 中新增文字方塊非常簡單：挑選一個設計、開啟文字面板、選擇預設樣式（例如標題、副標題或內文），或在畫布上拖曳以繪製自訂寬度的方塊，然後輸入或貼上內容。比較困難的部分在於讓內容精準達到特定長度，而不需手動計算、修剪或反覆嘗試。使用像 "0"、"*-*" 或 "—" 這類重複的填補樣式，就能一次到位地達到任何目標碼點長度，全程在本機瀏覽器中執行，無需上傳。輸出結果在複製到 Canva 之前可在編輯器中預覽，需要儲存填補後的字串時也可一鍵下載 TXT 檔。長度是以 Unicode 碼點計算，因此像 ✅ 這樣的單一 emoji 算作一個而非兩個，這對於包含 emoji、口音變音符號或非拉丁文字的模型很重要。
為何固定長度的內容有助於 Canva 設計
Canva 文字方塊內的固定寬度文字看起來更整潔，因為換行與視覺對齊都能保持可預期。當你設計產品模型、橫幅版面、社群媒體貼文或線框稿時，預留位置常常需要符合嚴格的欄或列寬度。將像 "SKU-123" 這類簡短標籤以重複樣式填補，會產生一段能填滿方塊、示範自動換行行為、並顯示所選字型如何處理實際字元的字串。
若要做收據開頭的模型，使用 "—" 樣式將 "TOTAL" 填補到 30 個字元，可在 Canva 內產生乾淨的底線效果。若要製作按鈕或標籤示範，使用 "·" 在兩側將 "BUY" 填補到 12 個字元，可模擬出平衡的分隔符。重複的字元也能讓你及早發現字型渲染上的怪異之處，避免在最終版面定案後才發現問題。當你需要的是完整拉丁風格的填充文字，而非填補後的真實字串時，〈如何在 Canva 中產生 Lorem Ipsum 以加速製作模型〉中所述的方法與填補搭配良好——Lorem Ipsum 處理散文內容，而填補則處理固定寬度的欄位與計數器。
逐步在 Canva 中新增文字方塊
- 開啟 Canva，挑選模板或以所需尺寸建立自訂設計。
- 點選左側邊欄的文字分頁，以查看預設樣式，例如「新增標題」、「新增副標題」及「新增一小段內文」。
- 點選任一預設樣式，即可在預設尺寸位置放入一個文字方塊；或在畫布上按住並拖曳以繪製自訂寬度的文字方塊。
- 點選新方塊內部，貼上你已填補好的內容，或直接輸入。
- 使用方塊上方的工具列來選擇字型、大小、顏色、對齊方式及字距。
- 拖曳方塊的控制點以調整大小；在你自行變更大小或字型之前，Canva 會保留方塊內的文字。
結果就是一個包含你已填補字串的文字方塊，可立即用於截圖、匯出或進一步編輯。如果字串超出方塊的視覺寬度，Canva 會依你選擇的字型與大小進行換行，這就是為何先預測碼點數能省下後續重工的原因。
使用 Text Padder 將文字填補到精準長度
若要取得可預期的寬度，請使用 Text Padder 在貼入 Canva 之前先建立內容。這個三步驟的工作流程完全在瀏覽器中執行，無需網路請求，也無需上傳。
- 輸入來源文字以及精準的目標 Unicode 碼點長度。目標必須是 0 到 1,000,000 之間的非負整數。
- 輸入一組非空白的填補樣式，並選擇填補於左側、右側或兩側。
- 執行填補，確認回報的長度與預覽結果，然後下載 TXT 結果。
操作範例：使用 "-_" 樣式在兩側將 "cat" 從長度 3 填補到長度 8。缺少的長度為 8 − 3 = 5 個碼點。當數量為奇數時，左側分配較少的一份，因此左側獲得 2 個、右側獲得 3 個。樣式 "-_" 重複為 "-_-_-_" 並在每一側精準截斷，左側產生 "-_"，右側產生 "-_-"。最終字串為：-_cat-_-，精準為 8 個碼點長。將其貼入 Canva 文字方塊，你就擁有可預期、可重複的填充內容，用於模型與對齊標籤。
填補規則的運作方式
| 側 | 典型使用情境 | 行為 |
|---|---|---|
| 右側 | 靠右對齊的數字、ID 前綴、底線效果 | 來源文字保留在開頭；樣式附加在後面 |
| 左側 | 補零的計數器、固定格式代碼、前置分隔符 | 樣式加在來源文字之前 |
| 兩側 | 邊框、平衡的分隔符、按鈕文字模型 | 缺少的長度平均分配；奇數的餘數分配給右側 |
填補樣式可以是一個碼點，也可以是多個碼點。它會從第一個字元開始依需要重複，並在目標長度處精準截斷，因此不會在要求的長度之外再附加一個完整的樣式。像 "0"、"*-*"、"·" 或甚至是像 "—" 這類單一 emoji 都是有效的，因為它們都是一般的訪客提供文字。如果來源文字已達到或超過目標長度，Text Padder 會原樣返回——此工具絕不會為了強制縮短而截斷，因此當需要填補時請設定較大的目標。目標為 0 是有效的，但依據同樣的「不截斷」規則，非空的來源文字會保持不變。
碼點、字形與 Canva 實際看到的內容
碼點是 Unicode 表格中的單一條目。JavaScript 透過逐一走訪碼點（而非 UTF-16 程式碼單位）來計算字串長度，這就是為何在大多數情況下 emoji 在 Text Padder 中算作一個。組合標記仍會與其基礎字元分開計算，而像國旗這類由多個碼點組成的 emoji 序列則可能算作好幾個。碼點模型在此明確說明，以免與視覺字形、位元組、單字或字元叢集混淆。
這在 Canva 內部很重要，因為字型與排版引擎測量的是視覺字形，而非碼點。東亞寬字元、emoji、定位字元、組合序列以及比例字型所占的寬度，可能與其碼點數不一致。因此，以碼點為目標進行填補提供的是強烈的文字長度保證，而非像素寬度保證。請勿將輸出視為二進位通訊協定、資料庫欄位、密碼學區塊或編碼檔案的位元組填補。UTF-8 字元使用不同的位元組數，碼點目標並不保證位元組目標。當規格定義的是儲存長度而非文字長度時，請改用具備格式感知能力的位元組工具。如需碼點逐一走訪方式的更深入說明，請參閱 MDN 上關於 String iterator 的參考文件。
填補文字在 Canva 中的常見使用情境
- 固定寬度的產品代碼——使用 "0" 在左側將 "A1" 填補到 10 個字元，以模擬 SKU 欄位版面。
- 表格模型——使用 " | " 在右側填補簡短標籤，以示範 Canva 文字方塊內的欄位對齊。
- 按鈕與標籤示範——使用 "·" 在兩側填補 "OK" 或 "BUY"，以展示平衡的按鈕文字。
- 收據與發票模型——使用 "—" 在右側填補 "TOTAL"，以產生乾淨的線條效果。
- 橫幅預留位置——使用空白字元在右側填補單一簡短詞彙，以達到標題示範的目標長度。
- 截圖用的測試固定資料——產生可預期長度的字串，使重複執行時能產生相同的畫布版面。
在每個情境中，請將填補後的字串貼入 Canva 文字方塊，然後將方塊調整為你想要的視覺寬度。只要來源變更，就重新執行填補步驟，因為同樣的來源、目標、樣式與側別必定產生同樣的字串。下載按鈕僅在被點選時建立臨時的 Blob URL、觸發瀏覽器下載，並立即排程撤銷該 URL，使原始文字保留在編輯器中以便比較。若你變更任何欄位，先前的結果會清除，避免舊的預覽被誤認為新設定——在替換來源素材前，請仔細檢查對空白字元敏感的輸出，因為視覺上微妙的填補仍是真實的文字。
如需更深入的說明，請參閱如何在 Canva 中製作重複文字樣式。
如需更深入的說明，請參閱如何在 Canva 中為你的設計反轉文字。