以編程方式將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。