標題元件 (v1) title-component-v

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

用途 usage

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

可用的標題層級可由範本作者在設計對話框中定義。內容編輯者可在編輯對話框中選取可用的標題層級。為了增加便利性，也可以簡單地就地編輯標題文字。

版本和相容性 version-and-compatibility

本文件說明標題元件 v1，最初由 AEM 6.3 搭配的核心元件 1.0.0 版導入。

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

範例元件輸出 sample-component-output

以下是從 We.Retail 中取得的範例。

螢幕擷圖 screenshot

HTML html

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

JSON json

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

編輯對話框 edit-dialog

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

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

設計對話框 design-dialog

透過設計對話框，範本作者可定義內容作者建立標題元件時應具備的預設標題層級。

技術詳細資訊 technical-details

在 GitHub 上可找到有關標題元件的最新技術文件。

您可以從 GitHub 下載完整的核心元件專案。

如需開發「核心元件」的進一步詳細資訊，請參閱核心元件開發人員文件。