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 encontrado a través del uso compartido de recursos, lo que permite al usuario editar aspectos del recurso, como metadatos, miniaturas, títulos y etiquetas.

La configuración del editor mediante 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, Adobe Experience Manager desarrolladores también pueden crear sus propios componentes.

Crear una plantilla del editor de recursos creating-an-asset-editor-template

En Geometrixx se incluyen las siguientes páginas de muestra:

Configurar Clientlib configuring-clientlib

Los componentes de Assets utilizan una extensión de la clientlib de edición de WCM. Los clientlibs generalmente se cargan en init.jsp.

En comparación con la carga clientlib predeterminada (en init.jsp del núcleo), una plantilla Assets debe tener lo siguiente:

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

Configuración de acciones de JS configuring-js-actions

Algunos de los componentes Assets 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 de JavaScript en head.jsp(/apps/geometrixx/components/asseteditor/head.jsp).

Hojas de estilos adicionales additional-style-sheets

Algunos de los componentes Assets utilizan la 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 estilos de Geometrixx geometrixx-style-sheet

Los componentes de página de muestra requieren que todos los selectores comiencen con .asseteditor de static.css (/etc/designs/geometrixx/static.css). Práctica recomendada: Copie todos los selectores .asseteditor en la hoja de estilos y ajuste las reglas como desee.

FormChooser: Ajustes para los recursos cargados finalmente formchooser-adjustments-for-eventually-loaded-resources

El editor de recursos utiliza el selector de formularios, que 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 URL del recurso.

Por ejemplo:

Los identificadores de ejemplo de head.jsp (/apps/geometrixx/components/asseteditor/head.jsp) hacen 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 HTML, utilice el conjunto de títulos anterior (recurso o título de página):

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

Crear un componente de campo de formulario simple creating-a-simple-form-field-component

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

Modificar 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: