Editor van element uitbreiden extending-asset-editor

De Asset Editor is de pagina die wordt geopend wanneer op een element wordt geklikt dat via Asset Share wordt gevonden, zodat de gebruiker deze aspecten van het element kan bewerken, zoals metagegevens, miniaturen, titels en tags.

De configuratie van de redacteur die de vooraf bepaalde het uitgeven componenten gebruikt wordt behandeld in Een pagina voor de Editor van middelen maken en configureren.

Naast het gebruik van reeds bestaande editorcomponenten, kunnen de ontwikkelaars van Adobe Experience Manager ook hun eigen componenten tot stand brengen.

Een sjabloon voor de middeleneditor maken creating-an-asset-editor-template

De volgende voorbeeldpagina's worden opgenomen in geometrixx:

Clientlib configureren configuring-clientlib

Experience Manager Assets componenten gebruiken een uitbreiding van WCM uitgeeft clientlib. De clientlibs worden meestal geladen in init.jsp.

Vergeleken met de standaard clientlib-belasting (in core init.jsp), en Assets sjabloon moet het volgende hebben:

Doorgaans wordt het bestaande monster gekopieerd init.jsp (/apps/geometrixx/components/asseteditor/init.jsp) moet aan deze behoeften voldoen.

JS-handelingen configureren configuring-js-actions

Sommige van de Assets componenten vereisen JS-functies die zijn gedefinieerd in component.js. Kopieer dit bestand naar de map met componenten en koppel deze.

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

In het voorbeeld wordt deze JavaScript-bron geladen in head.jsp(/apps/geometrixx/components/asseteditor/head.jsp).

Aanvullende stijlbladen additional-style-sheets

Sommige van de Assets de componenten gebruiken Experience Manager Widget-bibliotheek. Om correct in de inhoudscontext te worden teruggegeven, moet een extra stijlblad worden geladen. Voor de component Handeling tag is nog een component vereist.

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

Stijlblad Geometrixx geometrixx-style-sheet

Voor de voorbeeldpaginacomponenten is vereist dat alle kiezers beginnen met .asseteditor van static.css (/etc/designs/geometrixx/static.css). Beste praktijken: Alles kopiëren .asseteditor selecteert u de gewenste stijlpagina en past u de regels aan.

FormChooser: Aanpassingen voor uiteindelijk geladen bronnen formchooser-adjustments-for-eventually-loaded-resources

De Asset Editor gebruikt de Formulierkiezer, waarmee u bronnen (in dit geval elementen) op dezelfde formulierpagina kunt bewerken door gewoon een formulierkiezer en het pad van het formulier toe te voegen aan de URL van het element.

Bijvoorbeeld:

De voorbeeldhandgrepen zijn head.jsp (/apps/geometrixx/components/asseteditor/head.jsp) doet u het volgende:

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

Gebruik in het HTML-deel de voorafgaande titelset (element of paginatitel):

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

Een eenvoudige component voor een formulierveld maken creating-a-simple-form-field-component

In dit voorbeeld wordt beschreven hoe u een component kunt maken die de metagegevens van een geladen element weergeeft en weergeeft.

Opties voor metagegevens wijzigen modifying-metadata-options

U kunt de naamruimten wijzigen die beschikbaar zijn in het dialoogvenster metagegevensformulier.

De momenteel beschikbare metagegevens worden gedefinieerd in /libs/dam/options/metadata:

De opties kunnen worden overschreven in /apps/dam/options/metadata: