El Editor de imágenes es un elemento central de la AEM y se puede aprovechar mediante componentes para facilitar la manipulación de imágenes por parte de los autores de contenido.
Para utilizar las funciones del Editor de imágenes que se describen en este artículo, se debe instalar el paquete de funciones 24267.
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 de tamaño dinámicamente un mapa de imagen (en relación con el tamaño de imagen) en el lado del cliente en un componente de imagen interactivo.
El Editor de imágenes mantiene las coordenadas del mapa de imagen en el JCR como una propiedad imageMap
. Tiene el siguiente formato:
La propiedad almacena las áreas de mapa 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)]
El Editor de imágenes admite gráficos vectoriales escalables (SVG).
En determinadas situaciones, las acciones de creación deben estar restringidas para determinados tipos MIME, debido a la falta de compatibilidad con el procesamiento en el servidor. Por ejemplo, puede que no se permita editar imágenes SVG.
Los complementos del Editor de imágenes se pueden habilitar selectivamente por tipo MIME estableciendo una propiedad supportedMimeTypes
en el nodo de configuración del complemento individual.
Por ejemplo, supongamos que la capacidad de recortar solo debe permitirse para imágenes GIF, JPEG, PNG, WEBP y TIFF.
La propiedad supportedMimeTypes
debe establecerse como una cadena de los tipos MIME permitidos en el nodo de configuración del complemento en el nodo cq:editConfig
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>