Anpassa och utöka den universella redigeraren customizing-extending

Lär dig mer om de olika tilläggspunkterna och andra funktioner som gör att du kan anpassa redigeringsmiljön i den universella redigeraren så att den passar de behov som finns hos skribenterna.

Ökning overview

Med Universell redigerare kan du anpassa två typer av projekt efter dina behov.

Båda typerna beskrivs i följande avsnitt.

Anpassa den universella redigeraren customizing

Den universella redigeraren har flera inbyggda alternativ för att anpassa funktionaliteten.

Inaktiverar publicering disable-publish

Vissa redigeringsarbetsflöden kräver att innehållet granskas innan det publiceras. I sådana fall bör alternativet att publicera inte vara tillgängligt för någon författare.

The Publicera kan därför undertryckas helt i en app genom att följande metadata läggs till.

<meta name="urn:adobe:aue:config:disable" content="publish"/>

Filtrera komponenter filtering-components

När du använder Universal Editor kan du begränsa vilka komponenter som tillåts per behållarkomponent. För att göra detta måste du infoga ytterligare en script-tagg som pekar på filterdefinitionen.

<script type="application/vnd.adobe.aue.filter+json" src="/static/filter-definition.json"></script>

En filterdefinition kan se ut så här, vilket begränsar en behållare så att bara text och bilder kan läggas till.

[
  {
    "id": "container-filter",
     "components": ["text", "image"]
   }
]

Sedan kan du referera till filterdefinitionen från behållarkomponenten genom att lägga till egenskapen data-aue-filter, skickar ID:t för filtret som du definierade tidigare.

data-aue-filter="container-filter"

Ange components attribut i en filterdefinition till null tillåter alla komponenter, som om det inte fanns något filter.

[
  {
    "id": "another-container-filter",
     "components": null
   }
]

Visa och dölj komponenter i egenskapsfältet conditionally-hide

Även om en eller flera komponenter i allmänhet är tillgängliga för författarna, kan det finnas situationer där det inte passar. I så fall kan du dölja komponenter i egenskapsfältet genom att lägga till en condition attributet till -fält i komponentmodellen.

Villkoren kan definieras med JsonLogic-schema. Om villkoret är true visas fältet. Om villkoret är falskt döljs fältet.

Exempelmodell
code language-json
 {
    "id": "conditionally-revealed-component",
    "fields": [
      {
        "component": "boolean",
        "label": "Shall the text field be revealed?",
        "name": "reveal",
        "valueType": "boolean"
      },
      {
        "component": "text-input",
        "label": "Hidden text field",
        "name": "hidden-text",
        "valueType": "string",
        "condition": { "===": [{"var" : "reveal"}, true] }
      }
    ]
 }
Villkorsfel
Dolt textfält
True för villkor
Visat textfält

Utöka gränssnittet för Universal Editor extending

Som Adobe Experience Cloud-tjänst kan du utöka UI för den universella redigeraren med hjälp av App Builder och Experience Manager.

Gränssnittstillägg är JavaScript-program som skapats med Adobe App Builder och som kan bäddas in i UI-program som körs med Adobe Experience Cloud enhetliga gränssnitt, till exempel Universal Editor. Du kan lägga till egna knappar och åtgärder i rubrikraden och egenskapsfältet samt skapa egna händelser för den universella redigeraren.

Om du vill utforska de här möjligheterna kan du läsa följande resurser:

  1. Utbyggbarhet för användargränssnitt - Det här är utvecklardokumentationen för UI-tillägget.
  2. Handböcker för användargränssnittets utökningsmöjligheter - Stegvisa instruktioner om hur du utvecklar ett tillägg
  3. Universella redigeringstillägg - Universell redigeringsspecifik tilläggspunktsdokumentation
TIP
Om du föredrar att lära dig mer finns mer information i AEM självstudiekurs om utbyggbarhet i användargränssnittet. Även om den fokuserar på att utöka konsolen för innehållsfragment är begreppen för att implementera ett UI-tillägg i den universella redigeraren desamma.

Med Extension Manager i AEM Sites Du kan aktivera eller inaktivera tillägg per instans, få åtkomst till tillägg från första Adobe, inklusive tillägg för Universal Editor och mycket annat.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab