Filter filters

Lär dig hur du kan definiera filter för att begränsa vilka alternativ som är tillgängliga i redigeraren, till exempel tillgängliga komponenter, textredigeringsalternativ och resursval.

Konfigurera filter configuring-filters

När du använder den universella redigeraren kan du begränsa vilka alternativ som tillåts för vissa funktioner genom att definiera ett filter. Ett filter är en lista med objekt eller åtgärder som är tillgängliga för det specifika sammanhanget. Du kan till exempel filtrera de komponenter som är tillgängliga för infogning i en behållare, filtrera de alternativ som är tillgängliga i textredigeraren och filtrera de tillgängliga resurserna i resursväljaren.

Alla filter måste definieras på samma sätt.

Låt oss ta ett exempel på filtrering av komponenter per behållarkomponent.

Referensfilterdefinition add-tag

Lägg först in ytterligare en script-tagg som pekar på filterdefinitionen.

Om du till exempel vill filtrera tillåtna komponenter per behållare kan taggen se ut ungefär så här.

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

Definiera filtret define-filter

En filterdefinition innehåller JSON med ett ID som är unikt för filtret och filtervillkoren.

Exempel: för att filtrera tillåtna komponenter per behållare kan det 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"]
   }
]

Om attributet components i en filterdefinition anges till null tillåts alla komponenter, som om det inte fanns något filter.

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

Referera till filtret reference-filter

Om du vill använda filtret måste du referera till filterdefinitionen. Du kan göra detta genom att:

  • Refererar filtret från behållarkomponenten genom att lägga till egenskapen data-aue-filter och skicka filtrets ID.

    code language-html
    data-aue-filter="container-filter"
    
  • Refererar till filtret från din komponentdefinition, skickar filtrets ID.

    code language-json
    {
       "title":"My Container",
       "id":"my-container",
       "model": "my-model",
       "filter": "container-filter",
       ...
    }
    

Ytterligare resurser additional-resources

Läs mer om andra anpassnings- och tilläggsalternativ som finns för den universella redigeraren i dokumenten:

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