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

核心元件標題元件是章節標題元件,具備就地編輯的功能。

使用狀況 usage

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

可用的標題層級可由範本作者在 設計對話方塊. 內容編輯者可以從 編輯對話方塊. 為了增加便利性,也可以簡單地就地編輯標題文字。

版本和相容性 version-and-compatibility

本檔案說明Title元件v1,它最初隨附於AEM 6.3的核心元件1.0.0版引入。

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

AEM版本
標題元件v1
6.3
相容
6.4
相容
CAUTION
本檔案說明第1版的「標題元件」。
如需目前版本標題元件的詳細資訊,請參閱 標題元件 檔案。

範例元件輸出 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"
            }
NOTE
從核心元件匯出JSON需要核心元件1.1.0版。 請參閱 核心元件v1的相容性資訊 以取得詳細資訊。

編輯對話方塊 edit-dialog

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

NOTE
標題的值若為空白,則會顯示頁面標題。

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

設計對話方塊 design-dialog

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

技術細節 technical-details

有關標題元件的最新技術檔案 可在GitHub上找到.

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

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

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c