Editor de imágenes

El Editor de imágenes es una pieza central de AEM y los componentes pueden aprovecharlo para facilitar la manipulación de imágenes por parte de los autores de contenido.

Unidades relativas para mapa de imagen

El Editor de imágenes mantiene las áreas del mapa de imágenes como unidades absolutas y relativas. Las unidades relativas son útiles cuando se proporcionan como atributos de datos para cambiar dinámicamente el tamaño de un mapa de imagen (en relación con el tamaño de la imagen) en el lado del cliente en un componente de imagen interactivo.

Propiedad imageMap

Las coordenadas del mapa de imagen se mantienen en el JCR como un imageMap propiedad del Editor de imágenes. Tiene el siguiente formato.

La propiedad almacena las áreas de asignación de la siguiente manera:

[area1][area2][...]

Formato de área:

[SHAPE(COORDINATES)"HREF"|"TARGET"|"ALT"|(RELATIVE_COORDINATES)]

Ejemplo:

[rect(0,0,10,10)"https://www.adobe.com"|"_self"|"alt"|(0,0,0.8,0.8)]
[circle(10,10,10)"https://www.adobe.com"|"_self"|"alt"|(0.8,0.8,0.8)]

Compatibilidad con imágenes de SVG

Los gráficos vectoriales escalables (SVG) son compatibles con el Editor de imágenes.

  • Se admiten las funciones de arrastrar y soltar un recurso SVG desde DAM y de cargar un archivo SVG cargado desde un sistema de archivos local.

Activación de complementos por tipo MIME

En determinadas situaciones, las acciones de creación deben restringirse para ciertos tipos de MIME, debido a la falta de compatibilidad con el procesamiento en el servidor. Por ejemplo, es posible que no se permita la edición de imágenes de SVG.

Los complementos del Editor de imágenes se pueden habilitar selectivamente por tipo MIME estableciendo un supportedMimeTypes en el nodo de configuración del complemento individual.

Ejemplo

Por ejemplo, supongamos que la capacidad de recorte solo debería permitirse para imágenes de GIF, JPEG, PNG, WEBP y TIFF.

La variable supportedMimeTypes La propiedad debe establecerse como una cadena de los tipos MIME permitidos en el nodo de configuración del complemento en la variable cq:editConfig nodo del componente de imagen.

/apps/core/wcm/components/image/v2/image/cq:editConfig

 jcr:primaryType="cq:EditConfig">
     <cq:dropTargets jcr:primaryType="nt:unstructured">
         <image ...>
            ...
         </image>
     </cq:dropTargets>
     <cq:inplaceEditing
         jcr:primaryType="cq:InplaceEditingConfig"
         active="{Boolean}true"
         editorType="image">
         <config jcr:primaryType="nt:unstructured">
             <plugins jcr:primaryType="nt:unstructured">
                 <crop
                     jcr:primaryType="nt:unstructured"
                     supportedMimeTypes="[image/gif,image/jpeg,image/png,image/webp,image/tiff]"
                     features="*">
                     <aspectRatios jcr:primaryType="nt:unstructured">
                        ...
                     </aspectRatios>
                 </crop>
                 ...
             </plugins>
             <ui jcr:primaryType="nt:unstructured">
                 ...
             </ui>
         </config>
     </cq:inplaceEditing>
 </jcr:root>

En esta página