Anpassa sidredigering customizing-page-authoring

I Adobe Experience Manager as a Cloud Service finns mekanismer som du kan använda för att anpassa sidredigeringsfunktionen (och konsolerna) för din redigeringsinstans.

Clientlibs clientlibs

Med Clientlibs kan du utöka standardimplementeringen för att aktivera nya funktioner, samtidigt som du återanvänder standardfunktioner, objekt och standardmetoder.

När du anpassar kan du skapa en egen klientlib under /apps. Den nya klienten måste:

Se Använda bibliotek på klientsidan i AEM as a Cloud Service.

Övertäckningar overlays

Övertäckningar är baserade på noddefinitioner och gör att du kan täcka över standardfunktionerna i /libs med dina egna anpassade funktioner i /apps.

När du skapar en övertäckning krävs ingen 1:1-kopia av originalet, eftersom sling-resurskonfusion tillåter arv.

Mer information finns i JS-dokumentationsuppsättningen.

Mer information om övertäckningar finns i Övertäckningar för Adobe Experience Manager as a Cloud Service.

Lägg till nytt lager (läge) add-new-layer-mode

När du redigerar en sida finns det olika lägen tillgängliga. Dessa lägen implementeras med lager. Dessa ger åtkomst till olika typer av funktioner för samma sidinnehåll. Standardlägen AEM bland annat Redigera, Layout, Utvecklare, Timewarp, Live-kopieringsstatus och Målinriktning.

Exempel på lager: Live Copy-status layer-example-live-copy-status

En AEM standardinstans innehåller MSM-lagret. Detta ger åtkomst till data relaterade till hantering av flera webbplatser och markerar dem i lagret.

Om du vill se hur det fungerar kan du redigera en språkkopia i WKND-exempelinnehållet och välja Live Copy-status .

MSM-lagerdefinitionen (som referens) finns i:

/libs/wcm/msm/content/touch-ui/authoring/editor/js/msm.Layer.js

Kodexempel code-sample

Detta är ett exempelpaket som visar hur du skapar ett lager (läge) för MSM-vyn.

Du hittar koden för den här sidan på GitHub.

Lägg till ny markeringskategori i resursläsaren add-new-selection-category-to-asset-browser

Resursläsaren visar resurser av olika typer/kategorier (till exempel bilder och dokument). Resurserna kan också filtreras efter dessa tillgångskategorier.

Kodexempel code-sample-1

aem-authoring-extension-assetfinder-flickr är ett exempelpaket som visar hur du lägger till en grupp i tillgångssökaren. Det här exemplet ansluter till Flickrs allmänna ström och visar dem på sidopanelen.

Du hittar koden för den här sidan på GitHub.

Filtreringsresurser filtering-resources

När användaren redigerar sidor måste han eller hon ofta välja bland resurser i en lista.

För att hålla listan i en rimlig storlek och även relevant för användningsfallet kan ett filter implementeras i form av ett anpassat predikat. Om du till exempel använder komponenten pathbrowser Granite för att användaren ska kunna välja sökvägen till en viss resurs, kan sökvägarna som visas filtreras på följande sätt:

Mer information om hur du skapar ett anpassat predikat finns i den här artikeln.

Lägg till ny åtgärd i ett komponentverktygsfält add-new-action-to-a-component-toolbar

Varje komponent har vanligtvis ett verktygsfält som ger tillgång till en rad åtgärder som kan vidtas för den komponenten.

Kodexempel code-sample-2

aem-authoring-extension-toolbar-screenshot är ett exempelpaket som visar hur du skapar en anpassad verktygsfältåtgärd för att återge komponenter.

Du hittar koden för den här sidan på GitHub.

Lägg till ny lokal redigerare add-new-in-place-editor

Standardredigerare på plats standard-in-place-editor

I en vanlig AEM-installation:

Följande är ett exempel på hur du definierar bildproportioner för bildbeskärningsplugin-programmet för bildkomponenten.

   <cq:inplaceEditing
           jcr:primaryType="cq:InplaceEditingConfig"
           active="{Boolean}true"
           editorType="image">
           <config jcr:primaryType="nt:unstructured">
               <plugins jcr:primaryType="nt:unstructured">
                   <crop jcr:primaryType="nt:unstructured">
                       <aspectRatios jcr:primaryType="nt:unstructured">
                           <_x0031_6-10
                               jcr:primaryType="nt:unstructured"
                               name="16 : 10"
                               ratio="0.625"/>
                       </aspectRatios>
                   </crop>
               </plugins>
           </config>
   </cq:inplaceEditing>

Skapa en ny lokal redigerare creating-a-new-in-place-editor

Så här implementerar du en ny redigerare på plats (i klientlib):

Kodexempel för att skapa en ny lokal redigerare code-sample-for-creating-a-new-in-place-editor

aem-authoring-extension-inplace-editor är ett exempelpaket som visar hur du skapar en redigerare på plats i AEM.

Du hittar koden för den här sidan på GitHub.

Lägg till en ny sidåtgärd add-a-new-page-action

Om du vill lägga till en ny sidåtgärd i sidverktygsfältet, till exempel en Tillbaka till platser (konsol)-åtgärd.

Kodexempel code-sample-3

aem-authoring-extension-header-backtosites är ett exempelpaket som visar hur du skapar en anpassad huvudfältåtgärd för att hoppa tillbaka till webbplatskonsolen.

Du hittar koden för den här sidan på GitHub.

Anpassa arbetsflödet för begäran om aktivering customizing-the-request-for-activation-workflow

Det färdiga arbetsflödet, Begär aktivering:

Om du vill ha ett anpassat beteende för en sådan aktivering kan du täcka över arbetsflödet Begär aktivering: