Show Menu
主题×

Teaser组件

核心组件Teaser组件可显示图像、标题、富文本以及可选地链接到其他内容。

使用情况

Teaser组件允许内容作者使用图像、标题或富文本轻松创建Teaser以进一步内容,并链接到其他内容或其他操作。
模板作者可以使用设 计对话框 ,定义创建行动动员和添加链接的选项是否可用以及是否禁用各种显示选项。 内容作者可以使用配 置对话框 ,来设置图像、定义CTA、设置标题和说明以及配置指向单个Teaser的链接。 可 以访问图像组 件的编辑对 话框 ,以修改Teaser图像。

版本和兼容性

Teaser组件的当前版本为v1,v1是2018年7月随核心组件版本2.1.0引入的,本文档对此进行了说明。
下表详细列出了组件的所有受支持版本、与组件版本兼容的AEM版本,以及指向先前版本的文档的链接。
组件版本
AEM 6.3
AEM 6.4
AEM 6.5
v1
兼容
兼容
兼容

示例组件输出

要体验Teaser组件以及查看其配置选项的示例以及HTML和JSON输出,请访问组 件库

技术详细信息

有关Teaser组件的最新技术文档 可在GitHub上找到
有关开发核心组件的更多详细信息,请参阅核 心组件开发人员文档

配置对话框

内容作者可以使用配置对话框来定义单个Teaser的属性。 如果选择了Teaser图 ,还会显示一个编辑对话框来修改Teaser图像。

图像

文本

  • 标题
    ​定义要显示为Teaser标题的标题的标题。
  • 从链接的页面获
    ​取标题选中后,标题将填充链接页面的标题。
  • 说明
    ​定义要显示为Teaser子标题的说明。
  • 从链接的页面获
    ​取描述选中此选项后,将填充链接页面的描述。

Edit Dialog

Teaser组件将图像渲染委派给图像 组件 。 因此, # “图像组件”的编辑对话框(image.md#edit-dialog)来操作Teaser图像。

设计对话框

设计对话框允许模板作者定义内容作者使用此组件时具有的Teaser选项。

Teaser选项卡

  • 行为召唤
    • 禁用动作调用
      ​隐
      藏内容作者的动作调用
  • 元素
    • 隐藏标题
      • 隐藏内容作
        者的
        “标题”选项
      • 选择后,标题
        类型将隐藏
    • 隐藏描述
      ​隐藏内容作
      者的
      “描述”选项
  • 标题类
    ​型定义Teaser标题要使用的H标记。
  • 链接
    • 不链接图像选中后
      ,Teaser图像将不链接
    • 不链接标题选中后
      ,Teaser标题将不链接

样式选项卡

Teaser组件支持AEM样 式系统