核心元件標籤元件允許將內容組織到多個標籤上。
「頁籤元件」允許內容作者在多個頁籤內組織頁面內容。
的 編輯對話框 允許內容作者定義多個頁籤並設定活動頁籤。 使用 設計對話框,模板作者可以定義哪些元件可以添加到頁籤並自定義樣式。
支援嵌套的頁籤元件(頁籤內的頁籤)。
使用 內容樹,但嵌套的頁籤不能是。
標籤元件的當前版本為v1,該版本於2018年10月隨核心元件2.2.0版一同推出,本文檔對此進行了說明。
下表詳細說明了元件的所有受支援版本、AEM元件版本與之相容的版本,以及指向早期版本文檔的連結。
元件版本 | AEM 6.4 | AEM 6.5 | AEM as a Cloud Service |
---|---|---|---|
v1 | 相容 發行版2.17.4 和 |
相容 | 相容 |
有關核心元件版本和版本的詳細資訊,請參閱文檔 核心元件版本。
要體驗頁籤元件,並查看其配置選項示例以及HTML和JSON輸出,請訪問 元件庫。
有關Tabs元件的最新技術文檔 可在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輔助功能 元件的標籤。
內容作者可以使用 選擇面板 的子菜單。
選擇 選擇面板 選項,配置的頁籤將顯示為下拉框。
設計對話框允許模板作者定義哪些元件可以作為項目添加到頁籤元件中,並定義哪些自定義樣式可供內容作者使用。
的 允許的元件 頁籤用於定義哪些元件可以作為項目由內容作者添加到頁籤元件。
「允許的元件」頁籤的功能與同名的頁籤在 在模板編輯器中定義佈局容器的策略和屬性。
頁籤元件支AEM持 樣式系統。
頁籤元件支援 Adobe客戶端資料層。