互動式通訊編輯器中的文字方塊元件
aem-forms-ea@adobe.com 請求存取權限。1. 簡介
互動式通訊編輯器中的 文字方塊 元件可讓作者在通訊中輸入及顯示文字內容。 這是最基本且廣泛使用的元件之一,在設計互動式通訊或通訊片段時通常用於收集名稱、評論、意見回饋或自訂資料。
文字方塊支援 資料繫結,讓作者能夠順暢地結合靜態和動態內容,例如:「使用者名稱:@name」,其中@name是繫結資料欄位,當檔案儲存為PDF時便會動態填入。 此外,它支援RTF格式和彈性的定位,以精確控制版面。
2.屬性
文字方塊元件提供了一組廣泛的屬性,以協助設定其外觀、感覺和行為。
2.1印刷樣式
字型系列: 允許選取如Arial、Helvetica、Times New Roman等字型樣式。
字型驗證: 可以套用選擇性輸入條件約束,以確保只接受文字、數值或特殊格式。
文字對齊方式: 選項包括靠左、靠右、置中或左右對齊。
文字樣式: 啟用具有粗體、斜體、刪除線和底線功能的文字格式。
清單: 支援插入有序(編號)和無序(專案符號)清單。
2.2位置
寬度和高度: 設定文字方塊的尺寸,以畫素或相對於容器的百分比表示。
2.3邊界
定義文字方塊周圍的間距:
-
上(上)
-
下(下)
-
左
-
右
2.4外觀
-
文字填滿: 自訂文字的色彩和透明度。
-
填滿: 設定文字方塊的背景顏色。
-
筆畫: 新增可自訂的框線:
-
寬度(粗細)
-
樣式(實線、虛線、虛線)
-
Edge (圓角或銳角)
-
2.5顯示狀態
可見: 預設設定;文字方塊顯示給使用者。
隱藏: 文字方塊包含在表單中,但未顯示。
3.使用狀況
文字方塊用於:
-
收集客戶資訊,例如,名稱、評論或回饋。
-
輸入英數字元值。
-
使用繫結資料模型整合個人化訊息。
-
內嵌於片段中,以便跨檔案重複使用。
作者可以將「文字方塊」從元件庫拖曳到「設計檢視」或「主檢視」,並使用「屬性」面板來設定其行為。
4.最佳作法
-
請一律將文字方塊與有意義的欄位標籤建立關聯,以改善協助工具。
-
使用適當的輸入驗證來防止資料輸入錯誤。
-
透過設定相對於父容器的邊界和寬度,確保可回應式版面。
-
避免過度使用可能會阻礙可讀性的字型樣式。
只要仔細設定「文字方塊」屬性,作者就能在AEM的「互動式通訊編輯器」中,建立互動式、回應式且方便使用的通訊體驗。