標題元件 title-component
核心元件標題元件是章節標題元件,具備就地編輯的功能。
使用情況 usage
標題元件是用作內容區段的標題或標題。 可用的標題層級可由範本作者在設計對話方塊中定義。 內容編輯者可在編輯對話方塊中選取可用的標題層級。 為了增加便利性,也可以簡單地就地編輯標題文字。
版本和相容性 version-and-compatibility
標題元件的目前版本是v3,此版本隨2022年2月的核心元件發行版本2.18.0的發佈引入,具體說明見本文。
下表詳細說明元件的所有支援版本、與元件版本相容的AEM版本,以及舊版檔案的連結。
如需核心元件版本的詳細資訊,請參閱檔案核心元件版本。
範例元件輸出 sample-component-output
若要體驗標題元件並檢視其設定選項範例以及HTML和JSON輸出,請造訪元件資料庫。
技術細節 technical-details
您可以在GitHub🔗上找到有關標題元件的最新技術檔案。
在核心元件開發人員檔案中可找到有關開發核心元件的進一步詳細資料。
編輯對話方塊 edit-dialog
編輯對話方塊可讓內容作者定義標題文字並選取標題層級。
-
標題 — 如果留空,則使用頁面標題
-
型別/大小 — 定義標題的標題層級
-
連結 — 定義標題將連結的內容。 這可以是內容頁面的路徑、外部URL或頁面錨點。
-
在新標籤中開啟連結 — 勾選後,連結將在新的瀏覽器標籤中開啟。
-
ID — 此選項可控制HTML和資料層中元件的唯一識別碼。
- 如果保留為空白,系統會自動為您產生唯一ID,並可透過檢查結果頁面找到該ID。
- 若指定ID,作者應負責確認該ID為唯一ID。
- 變更ID會對CSS、JS和資料層追蹤造成影響。
就地編輯器也可用於編輯標題元件的文字。
樣式索引標籤 styles-tab-edit
標題元件支援AEM 樣式系統。。
使用下拉式清單,選取要套用至元件的樣式。 在「編輯」對話方塊中所做的選取與從元件工具列中選擇的選取具有相同的效果。
必須在設計對話方塊中為此元件設定樣式,以便下拉式功能表可用。
標題元件 的編輯對話方塊的樣式索引標籤
設計對話方塊 design-dialog
「設計」對話方塊可讓範本作者定義內容作者建立標題元件時的預設標題層級。
大小索引標籤 sizes-tab
- 允許作者使用的型別/大小 — 啟用或停用內容作者在使用標題元件時可用的標題型別。
- 預設型別/大小 — 定義內容作者將標題元件新增至頁面時,將自動指派的標題型別。
- 停用連結 — 停用標題元件中連結的支援,不允許內容作者從標題連結。
樣式索引標籤 styles-tab
標題元件支援AEM 樣式系統。
Adobe使用者端資料層 data-layer
標題元件支援Adobe使用者端資料層。