aem - Sightly と cq:dropTargets

Question

最新の AEM6 (以前の CQ) を使用して新しいサイトを開発しています。もともと、JSP を使用してコンポーネントの dropTarget で設定されたコンポーネントのドロップ ゾーンに画像/ビデオをドラッグすることができました。

しかし、現在、JSP ではなく Sightly テンプレートがコンポーネントを構築するための推奨される方法であるため、Sighlty テンプレートで dropTarget を使用することはまだ可能ですか?

Answer 1

ドロップ ターゲットは、ノードノードを使用して構成cq:dropTargetscq:editConfigされ、使用されるマークアップ言語に依存しません。

マークアップが生成する必要があるのは、ドロップ ゾーンとして使用される<div>クラスを持つタグだけです。cq-dd-CONFIGNAMESightly はそのようなマークアップを簡単に生成できます (以下の例では、編集モードでのみ表示されます):

<div data-sly-test="${wcmmode.edit}" class="cq-dd-images">Drop image here</div>