Adobe Experience Manager: パスフィールドにアセットをドラッグ&ドロップで指定する機能の有効化

[klaehyeok]

【目的】
AEM 6.5.10から、ページ編集画面で、パスフィールドの入力にアセットブラウザーからのドラッグ&ドロップが使えるようになりました。
本記事では、パスフィールドにドラッグ&ドロップ機能を有効化する手順を説明します。

この機能はAEM 6.5.10のリリースノートに記載の下記項目に該当します。
https://experienceleague.adobe.com/docs/experience-manager-65/release-notes/service-pack/6.5.10.html...
・Sitesエディターにあるパスフィールドを使用すると、作成者はContent Finderからアセットをドラッグできます

【環境】
AEM as a Cloud Service, AEM 6.5.10以降

【対応方法】
パスフィールドのノードにdroppableプロパティを追加します。

名：droppable
タイプ：Boolean 
値：true

WKNDのHelloWorldコンポーネントにパスフィールドを追加し、droppable属性をtrueにしたカスタマイズ例を示します。
（https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-wknd-tutorial-devel...

/apps/wknd/components/helloworld/cq:dialog/content/items/column/items/path

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
    jcr:primaryType="nt:unstructured"
    jcr:title="Properties"
    sling:resourceType="cq/gui/components/authoring/dialog">
    <content
        jcr:primaryType="nt:unstructured"
        sling:resourceType="granite/ui/components/coral/foundation/fixedcolumns">
        <items jcr:primaryType="nt:unstructured">
            <column
                jcr:primaryType="nt:unstructured"
                sling:resourceType="granite/ui/components/coral/foundation/container">
                <items jcr:primaryType="nt:unstructured">
                    <text
                        jcr:primaryType="nt:unstructured"
                        sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
                        fieldLabel="Text"
                        name="./text"/>
                    <path
                        jcr:primaryType="nt:unstructured"
                        sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
                        fieldLabel="Path"
                        droppable="{Boolean}true"
                        name="./path"/>
                </items>
            </column>
        </items>
    </content>
</jcr:root>

＜留意事項＞
・上記は以下記事の抄訳/翻訳となります。
KB記事タイトル(英語). Adobe Experience Manager: How to enable drag and drop an asset into a PathField, July 19, 2022,
https://experienceleague.adobe.com/docs/experience-cloud-kcs/kbarticles/KA-20122.html, (参照 2022-07-21).
・本記事にいただいたコメントへの返信はお約束できません。あらかじめご了承ください。

[kautuk_sahni]

Hi Community, 

You can translate the above question to any language like this: