Editor immagine image-editor

L’Editor di immagini è un elemento fondamentale dell’AEM e può essere utilizzato dai componenti per facilitare la manipolazione delle immagini da parte degli autori di contenuti.

Unità relative per mappa immagine relative-units-for-image-map

L'Editor immagini mantiene le aree della mappa immagine come unità assolute e relative. Le unità relative sono utili se fornite come attributi di dati per ridimensionare dinamicamente una mappa immagine (rispetto alle dimensioni dell’immagine) sul lato client in un componente immagine reattivo.

imageMap, proprietà imagemap-property

Le coordinate della mappa immagine vengono salvate in modo permanente in JCR come proprietà imageMap dall'editor di immagini. Ha il seguente formato.

La proprietà archivia le aree delle mappe come segue:

[area1][area2][...]

Formato area:

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

Esempio:

[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)]

Supporto per immagini SVG support-for-svg-images

L'editor di immagini supporta la grafica vettoriale scalabile (SVG).

Abilitazione dei plug-in per tipo MIME enabling-plugins-by-mime-type

In alcune situazioni, l’authoring delle azioni deve essere limitato per alcuni tipi MIME, a causa della mancanza di supporto nell’elaborazione lato server. Ad esempio, la modifica di immagini SVG potrebbe non essere consentita.

I plug-in nell'Editor immagini possono essere attivati in modo selettivo per tipo MIME impostando una proprietà supportedMimeTypes sul nodo di configurazione del singolo plug-in.

Esempio example

Ad esempio, supponiamo che la possibilità di ritagliare debba essere consentita solo per immagini GIF, JPEG, PNG, WEBP e TIFF.

La proprietà supportedMimeTypes deve quindi essere impostata come stringa dei tipi MIME consentiti nel nodo di configurazione del plug-in nel nodo cq:editConfig del componente immagine.

/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>