在一个组件中有多个cq：dropTargets

Question

我已经设法使用以下明显的代码将我的单个cq：dropTarget实现到我的组件中：

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

cq：dropTargets设置如下：

    <cq:dropTargets jcr:primaryType="nt:unstructured">
        <videoplayer
            jcr:primaryType="cq:DropTargetConfig"
            accept="[video/.*]"
            groups="[media]"
            propertyName="./videoPath"/>
    </cq:dropTargets>

这很有效......我遇到的问题是在一个组件中有多个cq：dropTargets。我遇到的问题是当我将资产放入cq：dropTargets之一时，dropTargets中的两个值都使用相同的值进行更新。

这是我目前的设置：

悦目：

<div data-sly-test="${wcmmode.edit}" class="cq-dd-videoplayer cq-video-placeholder cq-block-sm-placeholder md-dropzone-video" data-sly-text="Drop video here"></div>

    <div data-sly-test="${wcmmode.edit}" class="cq-dd-imageofplayer cq-video-placeholder cq-block-sm-placeholder md-dropzone-video" data-sly-text="Drop image here"></div>

CQ：dropTargets

<cq:dropTargets jcr:primaryType="nt:unstructured">
    <videoplayer
        jcr:primaryType="cq:DropTargetConfig"
        accept="[video/.*]"
        groups="[media]"
        propertyName="./videoPath"/>
    <imageofplayer
        jcr:primaryType="cq:DropTargetConfig"
        accept="[image/.*]"
        groups="[media]"
        propertyName="./imagePath"/>
</cq:dropTargets>

所以现在./videoPath和./imagePath与拖入资产的值相同。

Answer 1

2015年8月22日已发布新功能包CQ-6.1.0-FEATUREPACK-6563，解决了这个问题。 相关错误修复： - CQ-39715 - 使多个就地编辑器变得更加智能 - CQ-41631 - 不能在同一个对话框中放置多个fileupload小部件 - CQ-42676 - 就地编辑不适用于静态包含的组件

所以现在你需要在cq：inplaceEditing中创建一个名为cq：childEditors primaryType unstructured的节点，并在一个节点内输入cq：ChildEditorConfig，用于由两个属性组成的每个元素：＆＃34; title＆＃34;和＆＃34;键入＆＃34;单击编辑链接时，标题将显示在下拉菜单中。我创建了一个3列图像组件，我可以从内容查找器中为每个组件拖放图像。 此外，配置部分正在使用3个选项卡，我可以在其中拖放/上传每个选项卡的图像。 我建议使用wcm / foundation / components / textimage作为示例。 参考文献：https://docs.adobe.com/docs/en/aem/6-1/develop/components/multiple-inplace-editors.html

Answer 2

您是否尝试在视频后删除图片？ 如果是这样，只需查看cq:dropTargetConfig的“imageofplayer”， 根据{{​​3}}， accept属性值应为"Regex applied to the asset mime type to validate if dropping is allowed." 因此，如果您要删除图像，则应该是：

accept="[image/.*]"