作者交互

在创作实例上使用指南时,可以通过打开组件对话框来体验配置组件的过程。 在文档的组件和Feature Essentials部分中为开发人员提供了信息,而对话框设置则在供作者使用的社区组件部分中进行了说明。

对于社区组件指南,某些组件对话框设置使用Inclustable切换状态覆盖。 要在使用现有资源或动态包含的资源之间进行切换,请在编辑模式下同时选择组件和可包含的文本,然后双击以打开编辑对话框:

社区组件3

在​ 模板 ​选项卡下:

community-component4

  • 包含具有sling:include ​的子组件

    如果未选中,《组件指南》将使用存储库中的现有资源(一个jcr节点,它是par节点的子节点)。

    • 显示的文本为:“此组件通过其par节点包括在内。”

    如果选中,组件指南会使用sling动态包含子节点的resourceType(非现有资源)的组件。

    • 显示的文本为:“此组件是动态包含的。”

    默认值为未选中。

Publish交互

在发布实例上使用本指南时,能够以网站访客(未登录)以及登录时具有各种权限的成员身份体验组件和功能。

NOTE
请注意,如果SRP默认为JSRP,则发布实例上输入的UGC将仅在发布中可见,并且​ 不会 ​在创作实例上的审核控制台中可见。

客户端库

为每个组件列出的客户端库(clientlibs)是将组件放置到页面上时要引用的​ 必需。 clientlibs提供了一种方法,用于管理和优化在浏览器中呈现组件的JavaScript和CSS的下载。

有关详细信息,请访问社区组件的Clientlibs

模拟

在作者实例(通常以管理员或开发人员身份登录)上,要以其他用户身份体验组件登录,请使用​ 模拟 ​按钮左侧的文本框键入用户名或从下拉列表中选择,然后单击该按钮。 单击还原以注销并结束模拟。

无需模拟发布实例。 只需使用“登录/注销”链接来模拟各种用户,如演示用户

自定义

启用后,每个SCF组件都可通过暂时修改组件的模板、CSS和数据来构建可能自定义项的原型。

启用自定义

NOTE
此工具是只读的。 对模板、CSS或数据所做的任何编辑都不会保存到存储库中。

要快速试验自定义项,必须将scg:showIde属性添加到组件页面的内容JCR节点并设置为true。

以注释组件为例,在创作或发布实例上使用管理员权限登录:

  1. 浏览CRXDE Lite

    例如,http://localhost:4503/crx/de

  2. 选择组件的jcr:content节点

    例如,/content/community-components/en/comments/jcr:content

  3. 添加属性

    • 名称 scg:showIde
    • 类型 String
    • true
  4. 选择​ 全部保存

  5. 重新加载指南中的“评论”页面

    http://localhost:4503/content/community-components/en/comments.html

  6. 请注意,现在有三个选项卡:“模板”、“CSS”和“数据”。

社区组件5

社区组件6