以编程方式将HTML代码添加到AEM组件

Question

我需要为添加到页面的每个AEM组件添加一个html注释。任何人都知道如何做到这一点？

我想要做这样的事情：

<!-- comment added --> 
< html component> 

</ html component> 
<!-- comment added --> 

Answer 1

您需要使用cq:listeners。这用于捕获组件生命周期中的各种事件。有一个听众afterinsert在插入页面上的组件时触发。为此事件创建一个处理程序脚本，您可以使用该脚本将注释添加到DOM中（例如，在组件div之前）。如图所示，jquery可以很轻松地帮助你。here。

和afterdelete监听器可用于从DOM中删除该评论。

关于听众的更多细节here。