Extensiones de AEM aem-extensions

AEM ofrece algunas opciones de expresiones adicionales, similares a las extensiones de Apache Sling de la especificación HTL, que hacen que sea más fácil trabajar con los conceptos de AEM directamente en los scripts HTL.

i18n i18n

Las mismas tres opciones adicionales que en Apache Sling pueden usarse junto con i18n:

Sin embargo, en AEM, la compatibilidad con la internacionalización para HTL se implementa con la ayuda de la API desde el paquete com.day.cq.i18n.

data-sly-include data-sly-include

En AEM, data-sly-include puede tomar una opción adicional wcmmode que controla el Modo WCM para el script incluido. Los valores permitidos son los nombres de las constantes de enumeración disponibles.

data-sly-resource data-sly-resource

Además de las rutas y Resources, el elemento de bloque data-sly-resource también puede funcionar con Maps o Records. Con ambos enfoques, se debe proporcionar la propiedad de la cadena resourceName. Su valor se utiliza para crear un Recurso sintético que se incluye en el contexto de procesamiento. El resto de las propiedades de Record o Map pasadas a data-sly-resource se utilizan como propiedades Resource normales. Si falta la propiedad sling:resourceType en este mapa, se asume que el tipo de recurso es el valor de la propiedad resourceType opción de expresión o el tipo de recurso del recurso actual que controla el procesamiento.

Dadas las siguientes propiedades de mapa/registro disponibles en el ámbito del script como map:

{
    resourceName: "myText",
    "sling:resourceType": "core/wcm/components/text/v2/text",
    "text": "Hello World!"
}

Y dado el siguiente marcado:

<div class="outer" data-sly-resource="${map}"></div>

Se espera el siguiente resultado:

<div class="outer">
    <div class="myText">
        <div data-cmp-data-layer="{&quot;text-e58d65c472&quot;:{&quot;@type&quot;:&quot;core/wcm/components/text/v2/text&quot;,&quot;xdm:text&quot;:&quot;<p>Hello world!</p>&quot;}}" id="text-e58d65c472" class="cmp-text">
            <p>Hello world!</p>
        </div>
  </div>
</div>