De universele editor aanpassen en uitbreiden customizing-extending

Leer over de verschillende uitbreidingspunten en andere eigenschappen die u toestaan om de auteurservaring van de Universele Redacteur aan te passen om de behoeften van uw inhoudsauteurs te steunen.

Overzicht overview

De Universele Redacteur staat voor twee soorten aanpassing voor de behoeften van uw project toe.

Beide typen worden in de volgende secties beschreven.

De universele editor aanpassen customizing

De Universal Editor biedt verschillende ingebouwde opties om de functionaliteit ervan aan te passen.

Publiceren uitschakelen disable-publish

Voor bepaalde ontwerpworkflows moet de inhoud worden gecontroleerd voordat deze wordt gepubliceerd. In dergelijke situaties mag de optie om te publiceren niet beschikbaar zijn voor auteurs.

De knoop van Publish kan daarom volledig in app worden onderdrukt door de volgende meta-gegevens toe te voegen.

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

Componenten filteren filtering-components

Wanneer u de Universal Editor gebruikt, kunt u de toegestane componenten per containercomponent beperken. Hiervoor moet u een extra scripttag invoeren, die naar de filterdefinitie verwijst.

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

Een filterdefinitie zou als het volgende kunnen kijken, die een container zou beperken om slechts het toevoegen van tekst en beelden toe te staan.

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

Vervolgens kunt u naar de filterdefinitie van de containercomponent verwijzen door de eigenschap data-aue-filter toe te voegen en de id door te geven van het filter dat u eerder hebt gedefinieerd.

data-aue-filter="container-filter"

Als u het kenmerk components in een filterdefinitie instelt op null , worden alle componenten toegestaan, net als wanneer er geen filter is.

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

Componenten voorwaardelijk tonen en verbergen in deelvenster Eigenschappen conditionally-hide

Hoewel een component of componenten doorgaans beschikbaar zijn voor de auteurs, kunnen er bepaalde situaties zijn waarin dit geen nut heeft. In dergelijke gevallen, kunt u componenten in het eigenschappen paneel verbergen door a condition attributen aan de gebieden van het componentenmodel toe te voegen.

De voorwaarden kunnen worden bepaald gebruikend schema JsonLogic. Als de voorwaarde true is, wordt het veld weergegeven. Als de voorwaarde onwaar is, wordt het veld verborgen.

Model van de Steekproef

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] } } ] }

Onwaar van de Voorwaarde

de Toestand van 0} Waar {

Aangepaste voorbeeld-URL's custom-preview-urls

U kunt een douanevoorproef URL via a urn:adobe:aue:config:preview metaconfiguratie specificeren, die wanneer het klikken van de Open pagina knoop in de top-right toolbar van de redacteur zal openen.

Dit is met name nuttig voor toepassingen met specifieke voorproefvereisten, zoals die gebruikend Edge Delivery Services met het auteursrecht van WYSIWYG.

Hiervoor neemt u gewoon de gewenste voorvertoning-URL op in een metatag van de van instrumenten voorziene app, zoals in het volgende voorbeeld.

<meta name="urn:adobe:aue:config:preview" content="https://wknd.site"/>

De gebruikersinterface van de Universal Editor uitbreiden extending

Als dienst van Adobe Experience Cloud, kan de Universele UI van de Redacteur worden uitgebreid gebruikend App Builder en de Experience Manager.

UI-extensies zijn JavaScript-toepassingen die zijn gebouwd met Adobe App Builder en die kunnen worden ingesloten in UI-toepassingen die worden uitgevoerd onder Adobe Experience Cloud Unified Shell, zoals de Universal Editor. U kunt uw eigen knoppen en handelingen toevoegen aan het koptekstmenu en het deelvenster Eigenschappen en u kunt ook uw eigen gebeurtenissen voor de Universal Editor maken.

Zie de volgende bronnen als u deze mogelijkheden wilt verkennen:

Gebruikend Extension Manager in AEM Sites,u kunt uw uitbreidingen op een per-instantiebasis toelaten of onbruikbaar maken, toegang tot de eerste partijuitbreidingen van de Adobe met inbegrip van die voor de Universele Redacteur, en veel meer.