Как включить обрезку изображений в свойствах страницы Touch UI

#aem #aem-6 #aem-touch-ui

#aem #aem-6 #aem-touch-ui

Вопрос:

Существует ли какой-либо официальный путь, предпочтительно требующий небольших усилий / дальнейшего обслуживания, для реализации функции обрезки изображений в редакторе свойств страницы Touch UI? Я понимаю, что автор может перейти к исходному изображению в DAM и обрезать его, но мы ищем функциональность, аналогичную встроенной обрезке изображения, которая обычно присутствует среди стандартных компонентов изображения через cq:inplaceEditing in _cq_editConfig.xml .

Я знаю о 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>
  

Я видел этот пост https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/crop-an-image-in-touch-ui-page-properties/qaq-p/318414 это предполагает, что мы создаем наш собственный компонент, но я бы не хотел заново изобретать колесо, если уже есть решение.