Question

我继承了一个包含html5smartimage组件的脚手架形式。这用于允许用户选择该页面的显示图像。

（我知道这不是这个组件的设计目的，但我不知道用户正在使用哪些功能，我们指定了一个高度。）

这是配置信息：

    <featuredImage
        jcr:primaryType="cq:Widget"
        allowUpload="false"
        ddGroups="[media]"
        disableZoom="{Boolean}true"
        fileNameParameter="./jcr:content/data/image/fileName"
        fileReferenceParameter="./jcr:content/data/image/fileReference"
        name="./jcr:content/data/image"
        title="Featured Image"
        height="400"
        xtype="html5smartimage"/>

添加图像时，会有一个清晰的按钮，其中包含画笔的图片以扫除某些内容。我认为它是为了清除图像，但它总是被禁用。

我找不到任何文档中引用的这个清除按钮。

根据下面的答案，我构建了以下解决方案：

    <featuredImage
        jcr:primaryType="cq:Widget"
        allowUpload="false"
        ddGroups="[media]"
        disableZoom="{Boolean}true"
        fileNameParameter="./jcr:content/data/image/fileName"
        fileReferenceParameter="./jcr:content/data/image/fileReference"
        name="./jcr:content/data/image"
        title="Featured Image"
        height="400"
        xtype="html5smartimage">
      <listeners
        jcr:primaryType="nt:unstructured"
        imagestate="function(imageComponent, state) {
                      if(state == 'originalavailable' || state == 'processedavailable') {
                          imageComponent.enableToolbar();
                      }
                    }"/>
    </featuredImage>

Answer 1

在使用自定义小部件而非支架形式时，我遇到了类似的问题。但是，修复也应该适用于此。

为您的图片添加一个监听器，如下所示

listeners: {
    imagestate: function(imageComponent, state) {
        if(state == 'originalavailable' || state == 'processedavailable') {
            imageComponent.enableToolbar();
        }
    }
}

当您在对话框中放下图像时，这将启用清除按钮。

什么是html5smartimage上的清除按钮

1 个答案: