以编程方式将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的更多详情。