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

我需要在我添加到页面的每个AEM组件上添加html注释。有人知道怎么做吗

我想这样做：

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

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

您需要使用

cq:listeners

。这用于捕获组件生命周期中的各种事件。有一个侦听器

afterinsert

，在页面上插入组件时触发。为此事件创建一个处理程序脚本，您可以使用该脚本将注释添加到DOM中（例如，在组件div之前）。Jquery可以很容易地帮助您实现这一点，如图所示

和

afterdelete

listener可用于从DOM中删除该注释

---

有关侦听器的更多详细信息。

您只想为从sidekick拖放的组件或页面上存在的所有组件添加注释吗？只想为拖放的组件添加注释我正在进行一些自动测试，因此我想在每个拖放的组件上添加html注释，以便找到它们。为什么不添加此项在组件本身中添加注释，以便在删除该组件时，该注释将被呈现？还是我遗漏了什么？@MohitBansal我们正在尝试在不同的AEM/CQ项目中创建测试，因此我们无法在组件上添加此注释，因为测试不在同一项目中，我们无法访问该代码