標題元件(v1)

核心元件標題元件是區段標題元件,可就地編輯。

使用狀況

標題元件可用作內容區段的標題或標題。

可用的標題層級可由範本作者在design對話方塊中定義。 內容編輯器可從edit dialog中的可用標題層級進行選擇。 為方便起見,您也可以輕鬆就地編輯標題文字。

版本和相容性

本檔案說明標題元件v1,此元件最初於AEM 6.3的核心元件1.0.0版中推出。

下表列出標題元件v1的相容性。

AEM版本 標題元件v1
6.3 相容
6.4 相容
注意

本文檔介紹第1版標題元件。

有關當前版本的「標題元件」的詳細資訊,請參閱標題元件文檔。

元件輸出示例

以下範例取自We.Retail

螢幕擷圖

HTML

<div class="cmp cmp-title aem-GridColumn aem-GridColumn--default--12">
     <h2>Welcome! This is our finest equipment!</h2>
</div>

JSON

"title": {
              "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
              ":type": "weretail/components/content/title",
              "jcr:title": "Welcome! This is our finest equipment!",
              "type": "h2"
            }
注意

從核心元件匯出JSON需使用1.1.0版的核心元件。 如需詳細資訊,請參閱核心元件v1🔗的相容性資訊。

編輯對話框

編輯對話方塊可讓內容作者定義標題文字並選取標題層級。

注意

標題的空白值會顯示頁面標題。

就地編輯器也可用來編輯標題元件的文字。

設計對話框

設計對話方塊可讓範本作者定義內容作者建立時標題元件將具備的預設標題層級。

技術詳細資訊

如需Title元件的最新技術檔案,請參閱GitHub

您可從GitHub下載整個核心元件專案。

有關開發核心元件的詳細資訊,請參閱核心元件開發人員檔案

本頁內容