更改外观(HBS)

现在,应用程序目录(/apps?lang=zh-Hans)中的自定义注释系统的组件就位,并且resourceSuperType引用默认注释系统和注册的自定义模型/视图,因此可以修改实现。

对于简单的演示,将删除可视功能(发布评论的已登录用户显示的头像)。

注意

要使用扩展,要受影响的网站(/content?lang=zh-Hans)中的评论系统实例必须将其resourceType设置为自定义评论系统。

修改HBS脚本

使用CRXDE Lite:

  • 打开/apps/custom/components/comments/comment.hbs

    • 注释掉包含评论帖子的头像的标记(~行21):

        <!--
         <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
         -->
      
  • 打开/apps/custom/components/comments/comments.hbs

    • 注释掉包含下一个注释条目的头像的标记(~行44):

        <!--
         <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
         -->
      
  • 选择​保存全部

复制自定义应用程序

修改应用程序后,必须重新复制自定义组件。

一种方法是:

  • 从主菜单

    • 选择​工具 > 操作 > 复制
    • 选择​激活树
    • Start Path设置为/apps/custom
    • 取消选择​仅已修改
    • 选择​激活​按钮。

已发布示例页面上的视图修改注释

继续使 用发布实例的体验(仍以同一用户身份登录),现在可以刷新发布环境中的页面以视图修改以删除头像:

视图修改内容

示例注释扩展包

附加是本教程中创建的自定义注释应用程序的包。

获取文件

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now