プログラムでAEMコンポーネントにHTMLコードを追加

ページに追加するすべてのAEMコンポーネントにhtmlコメントを追加する必要があります。どのようにこれを行うことができます知っていますか？プログラムでAEMコンポーネントにHTMLコードを追加

は、私はこのような何かをしたい：

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

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

出典

2016-03-22 jordiPons

サイドキックまたはページ上にあるすべてのコンポーネントからドラッグアンドドロップされたコンポーネントに対してのみコメントを追加しますか？ – rakhi4110

ドラッグ＆ドロップのみ – jordiPons

私はいくつかの自動テストをしていますので、ドラッグされた各コンポーネントにhtmlコメントを追加して、それらを見つけるために – jordiPons

あなたはcq:listenersを使用する必要があります。これは、コンポーネントのライフサイクルにおけるさまざまなイベントをキャプチャするために使用されます。ページにコンポーネントを挿入するときに呼び出されるリスナーafterinsertがあります。このイベントのハンドラスクリプトを作成し、DOMにコメントを追加することができます（たとえば、コンポーネントdivの前）。表示されているようにJqueryは簡単にこれを手助けすることができますhere。

およびafterdeleteリスナーを使用して、DOMからそのコメントを削除できます。

リスナーの詳細here

出典

2016-04-21 04:40:53 Abhishek

プログラムでAEMコンポーネントにHTMLコードを追加

答えて

関連する問題