標題元件(v1)

核心元件標題元件是具有就地編輯功能的區段標題元件。

使用狀況

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

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

版本和相容性

本檔案說明第1版標題元件,最初是隨AEM 6.3版核心元件1.0.0一起推出。

下表列出了Title Component的v1相容性。

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

本檔案說明第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"
            }
NOTE

從核心元件匯出JSON需要1.1.0版的核心元件。 如需詳細資訊,請參閱核心元件v1](/docs/experience-manager-core-components/versions.html?lang=zh-Hant)的[相容性資訊。

編輯對話框

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

NOTE

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

就地編輯器也可用於編輯標題元件的文本。

設計對話框

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

技術詳細資訊

有關Title Component 的最新技術文檔可在GitHub上找到。

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

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

本頁內容