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

Question

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

我想做这样的事情：

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

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

Answer 1

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

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

更多关于听众here的细节。