Bildredigerare

Bildredigeraren är en AEM och kan utnyttjas av komponenter för att underlätta redigering av bilder av innehållsförfattare.

FÖRSIKTIGHET

Funktionspaket 24267 måste vara installerat för att du ska kunna använda funktionerna i bildredigeraren som beskrivs i den här artikeln.

Relativa enheter för bildschema

Bildredigeraren behåller bildschemaområden som både absoluta och relativa enheter. Relativa enheter är användbara när de anges som dataattribut för att dynamiskt ändra storlek på ett bildschema (i förhållande till bildstorleken) på klientsidan i en responsiv bildkomponent.

imageMap-egenskap

Koordinaterna för bildschemat bevaras som en imageMap-egenskap av bildredigeraren. Den har följande format.

Egenskapen lagrar kartområden enligt följande:

[area1][area2][...]

Områdesformat:

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

Exempel:

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

Stöd för SVG-bilder

SVG (Scalable Vector Graphics) stöds av bildredigeraren.

  • Både dra-och-släpp av en SVG-resurs från DAM och överföring av en SVG-filöverföring från ett lokalt filsystem stöds.

Aktivera plugin-program av MIME-typ

I vissa situationer måste redigeringsåtgärderna begränsas för vissa MIME-typer, eftersom det inte finns stöd för bearbetning på serversidan. Det är till exempel inte tillåtet att redigera SVG-bilder.

Plugin-program i bildredigeraren kan aktiveras selektivt av MIME-typ genom att en supportedMimeTypes-egenskap anges på den enskilda plugin-programmets konfigurationsnod.

Exempel

Låt oss till exempel säga att beskärning bara ska vara tillåten för GIF-, JPEG-, PNG-, WEBP- och TIFF-bilder.

Egenskapen supportedMimeTypes måste sedan anges som en sträng med de tillåtna MIME-typerna på konfigurationsnoden för plugin-programmet på noden cq:editConfig för image-komponenten.

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

På denna sida