核心元件索引標籤元件可將內容整理到多個索引標籤上。
索引標籤元件可讓內容作者在多個索引標籤中組織頁面內容。
此 編輯對話方塊 允許內容作者定義多個索引標籤並設定作用中索引標籤。 使用 設計對話方塊,範本作者可以定義哪些元件可以新增到索引標籤並自訂樣式。
支援巢狀標籤元件(標籤內的標籤)。
可以使用來定位/選取簡單(非巢狀)索引標籤元件 內容樹狀結構,但巢狀索引標籤不可是。
索引標籤元件的目前版本是v1,此版本隨2018年10月的核心元件2.2.0版的發佈引入,具體說明見本文。
下表詳細說明元件的所有支援版本、與元件版本相容的AEM版本,以及舊版檔案的連結。
元件版本 | AEM 6.4 | AEM 6.5 | AEM as a Cloud Service |
---|---|---|---|
v1 | 相容於 版本2.17.4 和先前的 |
相容 | 相容 |
如需核心元件版本和發行版本的詳細資訊,請參閱檔案 核心元件版本.
若要體驗索引標籤元件並檢視其設定選項範例以及HTML和JSON輸出,請造訪 元件資料庫.
有關索引標籤元件的最新技術檔案 可在GitHub上找到.
有關開發核心元件的進一步詳細資訊,請參閱 核心元件開發人員檔案.
標籤、 輪播, 和 摺疊式功能表元件 支援直接連結至元件中的面板。
若要這麼做:
id="accordion-86196c94d3-item-ca319dbb0b"
#
)。
https://wknd.site/content/wknd/language-masters/en/magazine/western-australia.html#accordion-86196c94d3-item-ca319dbb0b
導覽至將面板ID作為錨點的URL,瀏覽器會直接捲動至特定元件並顯示指定的面板。 如果面板依預設設定為不展開,則會自動展開。
內容作者可以使用「編輯」對話方塊來建立、重新命名和重新排列標籤,以及定義作用中的標籤。
使用 新增 按鈕來開啟元件選擇器,選擇要新增為索引標籤的元件。 新增後,一個專案會新增到清單中,包含以下欄:
如果減小頁面檢視區,使編輯對話方塊變成全熒幕, 新增 按鈕將會隱藏。 元件仍可透過以下方式新增至索引標籤元件 從元件瀏覽器拖曳並放置在頁面編輯器的索引標籤元件上.
於 協助工具 標籤,可設定的值 ARIA協助工具 元件的標籤。
內容作者可以使用 選取面板 元件工具列上的選項,以變更為不同的面板進行編輯,以及輕鬆地重新排列索引標籤。
選取 選取面板 選項時,已設定的索引標籤會顯示為下拉式清單。
「設計」對話方塊可讓範本作者定義哪些元件可新增為索引標籤元件的專案,以及定義哪些自訂樣式可供內容作者使用。
此 允許的元件 tab可用來定義哪些元件可由內容作者新增為索引標籤元件的專案。
「允許的元件」標籤的功能與相同名稱的標籤的功能相同,當 在範本編輯器中定義配置容器的原則和屬性。
索引標籤元件支援AEM 樣式系統.
索引標籤元件支援 Adobe使用者端資料層。