Ampliar editor de recursos extending-asset-editor

El Editor de recursos es la página que se abre cuando se hace clic en un recurso que se encuentra a través de Asset Share, lo que permite al usuario editar aspectos del recurso como metadatos, miniaturas, títulos y etiquetas.

La configuración del editor que utiliza los componentes de edición predefinidos se explica en Creación y configuración de una página del editor de recursos.

Además de utilizar componentes de editor preexistentes, los desarrolladores de Adobe Experience Manager también pueden crear sus propios componentes.

Creación de una plantilla de editor de recursos creating-an-asset-editor-template

Las siguientes páginas de muestra se incluyen en geometrixx:

Configuración de Clientlib configuring-clientlib

Experience Manager Assets los componentes utilizan una extensión de WCM edit clientlib. Los clientlibs suelen cargarse en init.jsp.

Comparado con la carga de clientlib predeterminada (en el init.jsp), y Assets debe tener lo siguiente:

En la mayoría de los casos, copiar el ejemplo existente init.jsp (/apps/geometrixx/components/asseteditor/init.jsp) debe satisfacer estas necesidades.

Configuración de acciones JS configuring-js-actions

Algunos de los Assets los componentes requieren funciones JS definidas en component.js. Copie este archivo en el directorio de componentes y vincúlelo.

<script type="text/javascript" src="<%= component.getPath() %>/component.js"></script>

El ejemplo carga este origen JavaScript en head.jsp(/apps/geometrixx/components/asseteditor/head.jsp).

Hojas de estilo adicionales additional-style-sheets

Algunos de los Assets los componentes utilizan la variable Experience Manager biblioteca de widgets. Para que se represente correctamente en el contexto de contenido, se debe cargar una hoja de estilo adicional. El componente de acción de etiqueta requiere uno más.

<link href="/etc/designs/geometrixx/ui.widgets.css" rel="stylesheet" type="text/css">

Hoja de estilo de Geometrixx geometrixx-style-sheet

Los componentes de la página de muestra requieren que todos los selectores empiecen por .asseteditor de static.css (/etc/designs/geometrixx/static.css). Práctica recomendada: Copiar todo .asseteditor a la hoja de estilo y ajuste las reglas como desee.

Selector de formulario: Ajustes para recursos cargados finalmente formchooser-adjustments-for-eventually-loaded-resources

El Editor de recursos utiliza el Selector de formularios, que le permite editar recursos (en este caso, recursos) en la misma página de formulario simplemente añadiendo un selector de formulario y la ruta del formulario a la dirección URL del recurso.

Por ejemplo:

El ejemplo gestiona en head.jsp (/apps/geometrixx/components/asseteditor/head.jsp) haga lo siguiente:

 List<Resource> resources = FormsHelper.getFormEditResources(slingRequest);
    if (resources != null) {
        if (resources.size() == 1) {
            // single resource
            FormsHelper.setFormLoadResource(slingRequest, resources.get(0));
        } else if (resources.size() > 1) {
            // multiple resources
            // not supported by CQ 5.3
        }
    }
    Resource loadResource = (Resource) request.getAttribute("cq.form.loadresource");
    String title;
    if (loadResource != null) {
        // an asset is loaded: disable WCM
        WCMMode.DISABLED.toRequest(request);

        String path = loadResource.getPath();
        Asset asset = loadResource.adaptTo(Asset.class);
        try {
            // it might happen that the adobe xmp lib creates an array
            Object titleObj = asset.getMetadata("dc:title");
            if (titleObj instanceof Object[]) {
                Object[] titleArray = (Object[]) titleObj;
                title = (titleArray.length > 0) ? titleArray[0].toString() : "";
            } else {
                title = titleObj.toString();
            }
        }
        catch (NullPointerException e) {
            title = path.substring(path.lastIndexOf("/") + 1);
        }
    }
    else {
        title = currentPage.getTitle() == null ? currentPage.getName() : currentPage.getTitle();
    }

En la parte del HTML, utilice el conjunto de títulos anterior (ya sea un recurso o un título de página):

<title><%= title %></title>

Creación de un componente de campo de formulario simple creating-a-simple-form-field-component

En este ejemplo se describe cómo crear un componente que muestre y muestre los metadatos de un recurso cargado.

Modificación de las opciones de metadatos modifying-metadata-options

Puede modificar las áreas de nombres disponibles en el formulario de metadatos.

Los metadatos disponibles actualmente están definidos en /libs/dam/options/metadata:

Las opciones se pueden sobrescribir en /apps/dam/options/metadata: