标题组件 title-component
核心组件标题组件是章节标题组件,具备就地编辑的功能。
用途 usage
标题组件旨在用作内容章节的标题。可用的标题级别可由模板作者在“设计”对话框中定义。内容编辑者可以在“编辑”对话框中从可用标题级别选择。为了增加便利性,可以简单地就地编辑标题文本。
版本和兼容性 version-and-compatibility
标题组件的当前版本是 v3,此版本随 2022 年 2 月的核心组件发行版 2.18.0 的发布引入,具体说明见本文。
下表详细说明了该组件的所有受支持版本、与该组件的版本兼容的 AEM 版本以及指向早期版本文档的链接。
有关核心组件版本的更多信息,请参阅文档核心组件版本。
示例组件输出 sample-component-output
要体验标题组件并查看其配置选项示例以及 HTML 和 JSON 输出,请访问组件库。
技术详细信息 technical-details
在 GitHub 上可找到有关标题组件的最新技术文档。
在核心组件开发人员文档中可找到有关开发核心组件的其他详细信息。
“编辑”对话框 edit-dialog
内容作者可以使用“编辑”对话框定义标题文本以及选择标题级别。
-
标题 - 如果为空,则使用页面标题
-
类型/大小 - 定义标题的标题级别
-
链接 - 定义标题将链接到的内容。这可以是内容页面的路径、外部 URL 或页面锚点。
-
在新标签页中打开链接 - 在选中时,将在一个新的浏览器标签页中打开链接。
-
ID – 利用此选项,可以控制 HTML 和数据层中组件的唯一标识符。
- 如果留空,系统会自动为您生成一个唯一 ID,可以通过检查结果页面找到该 ID。
- 如果指定一个 ID,作者有责任确保它是唯一的。
- 更改此 ID 会对 CSS、JS 和 Data Layer 跟踪产生影响。
就地编辑器也可以用于编辑标题组件的文本。
“样式”选项卡 styles-tab-edit
标题组件支持 AEM 样式系统。
使用下拉菜单选择要应用于该组件的样式。在“编辑”对话框中所做的选择与从组件工具栏中选择的操作效果相同。
必须在“设计”对话框中为此组件配置样式,以便下拉菜单可用。
“设计”对话框 design-dialog
模板作者可以使用“设计”对话框定义内容作者在创建标题组件时具有的默认标题级别。
“大小”选项卡 sizes-tab
- 为作者允许的类型/大小 - 启用或禁用内容作者在使用标题组件时可用的标题类型。
- 默认类型/大小 - 定义内容作者在将标题组件添加到页面时,将自动分配的标题类型。
- 禁用链接- 禁用标题组件中对链接的支持,从而不允许内容作者从标题进行链接。
“样式”选项卡 styles-tab
标题组件支持 AEM 样式系统。
Adobe Client Data Layer data-layer
标题组件支持 Adobe Client Data Layer。