Aem 如何在触摸屏UI页面属性中启用图像裁剪
在触摸UI页面属性编辑器中实现图像裁剪功能是否有任何官方途径,最好只需很少的努力/将来的维护?我意识到作者可以到DAM中的源图像进行裁剪,但我们正在寻找类似于内联图像裁剪的功能,该功能通常通过Aem 如何在触摸屏UI页面属性中启用图像裁剪,aem,aem-6,aem-touch-ui,Aem,Aem 6,Aem Touch Ui,在触摸UI页面属性编辑器中实现图像裁剪功能是否有任何官方途径,最好只需很少的努力/将来的维护?我意识到作者可以到DAM中的源图像进行裁剪,但我们正在寻找类似于内联图像裁剪的功能,该功能通常通过中的cq:inplaceEditing在标准图像组件中显示 我知道cq/gui/components/common/wcm/pagethumbnail组件,它允许作者从DAM中选择一个资产,从本地文件系统上载一个映像,并将映像重置为预览映像。不幸的是,它没有包括图像裁剪功能。例如: <thumbnai
中的cq:inplaceEditing
在标准图像组件中显示
我知道cq/gui/components/common/wcm/pagethumbnail
组件,它允许作者从DAM中选择一个资产,从本地文件系统上载一个映像,并将映像重置为预览映像。不幸的是,它没有包括图像裁剪功能。例如:
<thumbnail
cq:showOnCreate="{Boolean}true"
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/common/wcm/pagethumbnail"
page="${empty param.item ? requestPathInfo.suffix : param.item}"
quiet="{Boolean}true">
<upload
granite:class="cq-wcm-fileupload"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/fileupload"
async="{Boolean}true"
autoStart="{Boolean}false"
multiple="{Boolean}false"
name="./image/file.sftmp"
sizeLimit="100000000"
text="Upload Image"
uploadUrl="will_be_replaced">
<granite:data
jcr:primaryType="nt:unstructured"
cq-msm-lockable="./image"/>
</upload>
<assetpicker
granite:class="js-browse-activator"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/button"
text="Select Image">
<granite:data
jcr:primaryType="nt:unstructured"
cq-msm-lockable="./image"/>
</assetpicker>
<preview
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/siteadmin/admin/pagepreview"/>
</thumbnail>
这意味着我们要创建自己的组件,但如果已经有解决方案的话,我不想重新发明轮子