標題元件(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下載整個核心元件專案。

在核心元件開發人員檔案中可找到有關開發核心元件的進一步詳細資料。