若要在 Canva 中加入長度可預測的文字,請建立一個 Canva 文字方塊,在 Text Padder 中準備一段精確符合 Unicode 字碼點(code point)目標的內容,然後將檢視過的輸出貼到方塊裡。Canva 提供設計介面與文字樣式設定;Text Padder 提供精確的純文字填補。輸入來源文字、設定介於 0 到 1,000,000 之間的 Unicode 字碼點目標、選擇一個非空的重複樣式,並選取左側、右側或兩側。輸出結果會保留來源文字在原位置,僅加入達到目標所需的字元,並顯示長度供檢視。左側填補會在來源之前加入字碼點,右側填補會在來源之後加入字碼點,兩側填補則平衡缺少的長度;當該數字為奇數時,右側會多獲得一個字碼點。樣式可以包含空格、標點符號、表情符號,或多個 Unicode 字碼點,但每個樣式都會從其第一個字碼點開始重複,並在要求的長度處精確截斷。已符合或超過目標的文字會保持不變,Text Padder 絕不會將其截斷。填補、預覽與 UTF-8 TXT 下載的產生都在目前的瀏覽器分頁中完成,不會上傳任何文字。字碼點長度並非終端機顯示寬度,也非 UTF-8 位元組長度,因此請在使用輸出至 Canva 前先驗證所回報的數量與預覽。

將 Canva 的排版與精確長度的準備工作分開
Canva 負責建立與編輯文字物件,而 Text Padder 負責處理文字的字碼點長度。在 Canva 這邊,請在編輯器中開啟設計,並使用 Canva 標準的文字工具新增一個文字方塊。依據所需的視覺角色選擇標題、副標題或內文樣式;Canva 內部的確切標籤可能因版本與方案而有所不同,請將其視為說明性而非強制性的參考。
Text Padder 是獨立的準備步驟。它不會自動將文字插入 Canva,也不會變更 Canva 的字型或排版設定。它接收來源文字、目標、樣式與位置,然後顯示完整的填補結果。下載時,結果是一個 UTF-8 TXT 檔案,因此 Canva 仍然是您貼上並設定樣式的地方。
當規格要求精確的字碼點文字長度(例如標籤或測試字串)時,請使用此工作流程。這並不保證結果會佔據特定的像素數。這個區別能避免將正確的文字數量誤認為固定的視覺寬度。
如需針對 Canva 文字方塊的搭配說明,請參閱 如何在 Canva 中以精確長度文字新增文字方塊。
| 部分 | 其控制項目 |
|---|---|
| 來源 | 要保留並放入填補結果中的文字 |
| 目標 | 介於 0 到 1,000,000 字碼點之間的非負整數長度 |
| 樣式 | 從第一個字碼點開始重複的非空文字 |
| 位置 | 填補是放在之前、之後,或兩側邊緣 |
在 Text Padder 中準備 Canva 文字
- 輸入來源文字。 將標籤、標題、識別項或模擬文案原樣貼上,與預期呈現完全一致。若空白是設計的一部分,請在來源中保留,並在預覽中檢查。來源會保留在編輯器中,以便在填補後進行比對。
- 設定目標長度。 輸入介於 0 到 1,000,000 的非負整數。小數、負數、缺漏及非數值目標將被拒絕。目標為 0 是有效的,但依據不截斷規則,非空來源會保持不變。若來源已符合或超過目標,Text Padder 會原樣返回,因此需要填補時請選擇較大的目標。
- 提供樣式與位置。 樣式必須非空,可以是一個或多個 Unicode 字碼點。空格、換行、標點符號、表情符號及多字元樣式都會作為一般訪客提供的文字被接受。請選擇左側、右側或兩側。Text Padder 會依需要從樣式的第一個字碼點重複,並在目標處精確截斷;它不會附加額外的一整組樣式。
- 執行填補並檢查。 執行填補操作,然後讀取所回報的 Unicode 字碼點長度,並檢查完整預覽。確認來源仍在預期位置,且所選位置與您的計畫相符。更動任何欄位都會清除先前的結果,因此不會將過時的預覽誤認為新設定的結果。
- 驗證後再下載。 請僅在預覽與回報的長度看起來正確時才使用 TXT 下載。輸出是 UTF-8 TXT 檔案。下載控制項僅在點擊時建立短暫有效的 Blob URL,啟動瀏覽器下載並立即排定撤銷。整個過程都在目前的瀏覽器分頁中進行,不會上傳任何文字。MDN 的 Blob 參考資料 說明了用於類檔案資料的瀏覽器 Blob 物件。
選擇位置並了解其分配方式
位置控制項決定填補應放在何處。左側填補的結果會以樣式開頭,右側填補的結果會以樣式結尾,而兩側平衡的結果則在兩邊都有填補。當選擇兩側時,Text Padder 會平分缺少的長度。當缺少的長度為奇數時,左側獲得較少的份額,右側則獲得多出的那一個字碼點。
| 填補位置 | 結果 | 實用的 Canva 範例 |
|---|---|---|
| 左側 | 在來源之前加入所有需要的字碼點 | 前置標記或基於字碼點的對齊 |
| 右側 | 在來源之後加入所有需要的字碼點 | 後置標記或邊框字元 |
| 兩側 | 平分缺少的長度,奇數餘數置於右側 | 圍繞短標籤的平衡邊框 |
以下是一個實際操作範例。來源 cat 有 3 個字碼點,目標為 8,因此需要 5 個填補字碼點。使用樣式 “-_” 於兩側時,Text Padder 會在左側放 2 個字碼點,右側放 3 個。樣式在左側提供 “-_”,在右側提供 “-_-”:“-_” + “cat” + “-_-” = “-_cat-_-”。
將準備好的文字加入 Canva 文字方塊
準備好的 TXT 是最終文案,而非 Canva 的匯入檔案。Text Padder 與 Canva 仍是分開的,因此最後幾個步驟會在 Canva 的編輯器中完成。
- 開啟設計。 視需要登入、開啟設計並進入 Canva 編輯器。選擇文字應該出現的頁面。
- 建立文字方塊。 使用 Canva 的文字工具在頁面上新增一個文字方塊。選擇符合設計的標題、副標題或內文樣式。確切的選單標籤可能因版本而異,請依照目前的編輯器操作。
- 貼上完整結果。 點擊文字區域內部並貼上檢視過的 Text Padder 輸出。將前置、後置或平衡的填補當作一般文字保留。該工具不會自動將結果同步至 Canva;貼上才是交接點。
- 套用視覺處理。 使用 Canva 的工具列與字型控制項設定所需的字體、顏色與位置。比例字型或表情符號序列可能會讓相同的字碼點長度呈現不同的寬度。
- 檢查排版。 左側填補應在來源之前,右側填補應在來源之後,兩側填補則圍繞在來源兩邊。若文字需要更多填補,請返回 Text Padder,輸入較大的目標,然後再次貼上。字碼點數量是規格本身;顯示寬度則是另一個考量。
了解所回報長度的測量內容
Text Padder 使用 JavaScript 字串迭代來測量 Unicode 字碼點,而非 UTF-16 程式碼單位。一個表情符號若為一個字碼點,則計算為一個;大多數表情符號會計算為一個而非兩個。組合附加符號仍與其基底字元分開計算,合併或多字碼點的表情符號序列可能會計算為多個。請參閱 MDN 的 String iterator 參考資料 以了解該計算模型背後的 JavaScript 行為。
所回報的數字並非視覺字形、字詞、位元組或字元群集(grapheme cluster)的數量。它也不測量終端機顯示寬度。東亞寬字元、表情符號、Tab 字元、組合序列及比例字型所佔據的寬度可能與字碼點數量不符。這就是為什麼預覽只是文字檢查輔助,而非像素寬度的保證。
當規格定義的是儲存長度時,請改用具備格式感知的位元組工具。UTF-8 字元可能使用不同的位元組數量,字碼點目標並不保證位元組目標。Text Padder 並非設計用於二進位協定、資料庫欄位、密碼學區塊或編碼檔案中的位元組填補。
在下載與貼上之前檢視輸出
Text Padder 會顯示完整輸出供檢視,回報的長度即為所要求的字碼點數量的直接檢查依據。該結果具確定性:相同的來源、目標、樣式與位置會產生相同的字串。原始來源會保留在編輯器中,方便您與結果進行比較。若編輯任何欄位,先前的結果會被清除而非沿用。
空格、換行、標點符號、表情符號與多字元樣式作為填補文字都是有效的,但不可見或對空白敏感的填補可能難以檢查。請檢查回報的長度、查看預覽,並在需要在替換來源內容前驗證排版時使用可見的標記樣式。樣式是真實的文字,而非隱藏的格式效果。
一百萬字碼點的上限限制了記憶體使用、重複串接、預覽算繪與下載產生。目標本身不得超過 1,000,000。超過上限的輸入不會被展開。該操作不使用字典、網路請求、隨機來源或外部資料集,因此準備好的結果仍是本機的文字操作。
此 Canva 文字填補方法的適用場景
當需求為字碼點長度時,Text Padder 適用於固定寬度標籤、簡單識別項、測試固定資料、對齊的純文字欄位、顯示模擬,以及圍繞短字串的一致邊框。自訂重複樣式讓設計可在一側或兩側使用您想要的確切字元序列。
若需測量終端機顯示寬度或位元組精確的儲存,請選擇不同的測量方法。對於僅需視覺文字樣式的 Canva 標題,請直接在 Canva 中建立文字;當複製的純文字本身必須符合目標數量時,請使用 Text Padder。貼上後,Canva 負責設計處理,而 Text Padder 仍負責文字長度的計算。
如需更深入的說明,請參閱 如何在 Canva 中讓文字具有樣式。