Estendi editor risorse extending-asset-editor

L’Editor risorse è la pagina che si apre quando si fa clic su una risorsa reperibile tramite Condivisione risorse per consentire all’utente di modificare tali aspetti della risorsa quali metadati, miniature, titoli e tag.

La configurazione dell’editor che utilizza i componenti di modifica predefiniti è descritta in Creazione e configurazione di una pagina dell’Editor risorse.

Oltre a utilizzare componenti dell’editor preesistenti, gli sviluppatori Adobe Experience Manager possono anche creare i propri componenti.

Creazione di un modello di Editor risorse creating-an-asset-editor-template

Le pagine di esempio seguenti sono incluse in geometrixx:

Configurazione di Clientlib configuring-clientlib

Experience Manager Assets i componenti utilizzano un’estensione della clientlib di modifica WCM. Le clientlibs di solito sono caricate in init.jsp.

Confrontato con il caricamento clientlib predefinito (nei’ init.jsp), Assets Il modello deve avere i seguenti elementi:

Nella maggior parte dei casi, copia il campione esistente init.jsp (/apps/geometrixx/components/asseteditor/init.jsp) dovrebbe soddisfare queste esigenze.

Configurazione delle azioni JS configuring-js-actions

Alcuni dei Assets i componenti richiedono funzioni JS definite in component.js. Copia questo file nella directory dei componenti e collegalo.

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

L'esempio carica questa origine JavaScript in head.jsp(/apps/geometrixx/components/asseteditor/head.jsp).

Fogli di stile aggiuntivi additional-style-sheets

Alcuni dei Assets i componenti utilizzano Experience Manager libreria dei widget. Per eseguire correttamente il rendering nel contesto del contenuto, è necessario caricare un foglio di stile aggiuntivo. Il componente di azione tag ne richiede un altro.

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

Foglio di stile di Geometrixx geometrixx-style-sheet

I componenti della pagina di esempio richiedono che tutti i selettori inizino con .asseteditor di static.css (/etc/designs/geometrixx/static.css). Procedure consigliate: Copia tutto .asseteditor seleziona il foglio di stile e regola le regole nel modo desiderato.

Selettore modulo: Adeguamenti per le risorse eventualmente caricate formchooser-adjustments-for-eventually-loaded-resources

L’Editor risorse utilizza il Selettore moduli, che consente di modificare le risorse, in questo caso le risorse, nella stessa pagina del modulo semplicemente aggiungendo un selettore di moduli e il percorso del modulo all’URL della risorsa.

Ad esempio:

Le maniglie del campione in head.jsp (/apps/geometrixx/components/asseteditor/head.jsp) effettua le seguenti operazioni:

 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();
    }

Nella parte HTML, utilizza il set di titoli precedente (risorsa o titolo della pagina):

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

Creazione di un componente campo modulo semplice creating-a-simple-form-field-component

Questo esempio descrive come creare un componente che mostri e visualizzi i metadati di una risorsa caricata.

Modifica delle opzioni dei metadati modifying-metadata-options

Puoi modificare i namespace disponibili nella modulo metadati.

I metadati attualmente disponibili sono definiti in /libs/dam/options/metadata:

Le opzioni possono essere sovrascritte in /apps/dam/options/metadata: