[AEM Forms]{class="badge positive" title="適用於AEM Forms)。"}

互動式通訊編輯器中的文字方塊元件

​1. 簡介

互動式通訊編輯器中的​ 文字方塊 ​元件可讓作者在通訊中輸入及顯示文字內容。 這是最基本且廣泛使用的元件之一,在設計互動式通訊或通訊片段時通常用於收集名稱、評論、意見回饋或自訂資料。

文字方塊支援​資料繫結,讓作者能夠順暢地結合靜態和動態內容,例如:「使用者名稱:@name」,其中@name是繫結資料欄位,當檔案儲存為PDF時便會動態填入。 此外,它支援RTF格式和彈性的定位,以精確控制版面。

尋找IC檔案

​2. 顯示模式

您可以從​ 屬性 ​面板將​ 顯示模式 ​指派給文字方塊欄位。 顯示模式控制欄位值在畫布預覽和產生的輸出中呈現給使用者的方式 — 例如,將文字專案遮罩為電話號碼: (555) 123-4567

已設定的圖樣會立即反映在畫布預覽中,並在儲存和重新載入週期中保留。 對於進階使用案例,您可以定義​ 自訂XFA圖片子句 ​來達成任何想要的輸出格式。

設定顯示模式

  1. 在設計畫布上選取文字方塊元件。
  2. 開啟​ 屬性 ​面板。
  3. 在​ 顯示模式 ​區段中,選擇預先定義的模式或輸入自訂圖片子句。
  4. 預覽畫布上的格式化值。

自訂圖樣範例(文字)

模式
範例輸出
說明
text{(999) 999-9999}
(555) 123-4567
電話號碼遮罩

圖片子句符號(文字):

代碼
含義
9
符合數字
A
符合字母
O
符合英數字元
X
符合任何字元

最佳做法

  • 選擇符合一般使用者預期讀取值的模式(電話、ID、郵遞區號)。
  • 發佈前驗證畫布預覽中的範例資料。
  • 只有當預先定義的模式不符合您的格式需求時,才使用自訂圖片子句。

​3. 屬性

文字方塊元件提供了一組廣泛的屬性,以協助設定其外觀、感覺和行為。

2.1印刷樣式

字型系列:​允許選取如Arial、Helvetica、Times New Roman等字型樣式。

字型驗證:​可以套用選擇性輸入條件約束,以確保只接受文字、數值或特殊格式。

文字對齊方式:​選項包括靠左、靠右、置中或左右對齊。

文字樣式:​啟用具有粗體、斜體、刪除線和底線功能的文字格式。

清單:​支援插入有序(編號)和無序(專案符號)清單。

2.2位置

寬度和高度:​設定文字方塊的尺寸,以畫素或相對於容器的百分比表示。

2.3邊界

定義文字方塊周圍的間距:

  • 上(上)

  • 下(下)

2.4外觀

  • 文字填滿:​自訂文字的色彩和透明度。

  • 填滿:​設定文字方塊的背景顏色。

  • 筆畫:​新增可自訂的框線:

    • 寬度(粗細)

    • 樣式(實線、虛線、虛線)

    • Edge (圓角或銳角)

2.5顯示狀態

可見:​預設設定;文字方塊顯示給使用者。

隱藏:​文字方塊包含在表單中,但未顯示。

​4. 用途

文字方塊用於:

  • 收集客戶資訊,例如,名稱、評論或回饋。

  • 輸入英數字元值。

  • 使用繫結資料模型整合個人化訊息。

  • 內嵌於片段中,以便跨檔案重複使用。

作者可以將「文字方塊」從元件庫拖曳到「設計檢視」或「主檢視」,並使用「屬性」面板來設定其行為。

​5. 最佳做法

  • 請一律將文字方塊與有意義的欄位標籤建立關聯,以改善協助工具。

  • 使用適當的輸入驗證來防止資料輸入錯誤。

  • 透過設定相對於父容器的邊界和寬度,確保可回應式版面。

  • 避免過度使用可能會阻礙可讀性的字型樣式。

只要仔細設定「文字方塊」屬性,作者就能在AEM的「互動式通訊編輯器」中,建立互動式、回應式且方便使用的通訊體驗。

另請參閱

recommendation-more-help
experience-manager-cloud-service-help-main-toc