Personnalisation et extension de l’éditeur universel customizing-extending

Découvrez les différents points d’extension et d’autres fonctionnalités qui vous permettent de personnaliser l’expérience de création de l’éditeur universel pour prendre en charge les besoins des auteurs de contenu.

Vue d’ensemble overview

L’éditeur universel permet deux types d’adaptation aux besoins de votre projet.

Les deux types sont présentés dans les sections suivantes.

Personnaliser l’éditeur universel customizing

L’éditeur universel offre plusieurs options intégrées pour personnaliser ses fonctionnalités.

Désactivation de la publication disable-publish

Certains workflows de création nécessitent que le contenu soit révisé avant d’être publié. Dans ce cas, l’option de publication ne doit être accessible à aucun auteur.

Le bouton Publish peut donc être entièrement supprimé dans une application en ajoutant les métadonnées suivantes.

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

Filtrage des composants filtering-components

Vous pouvez restreindre les composants autorisés par conteneur dans l’éditeur universel à l’aide de filtres de composant. Consultez le document Filtrage des composants pour plus d’informations.

Affichage et masquage conditionnel des composants dans le panneau Propriétés conditionally-hide

Bien qu’un ou plusieurs composants puissent généralement être disponibles pour les auteurs, il peut y avoir certaines situations où ils ne sont pas pertinents. Dans ce cas, vous pouvez masquer des composants dans le panneau des propriétés en ajoutant un attribut condition aux champs du modèle de composant.

Les conditions peuvent être définies à l’aide du schéma JsonLogic. Si la condition est vraie, alors le champ s'affiche. Si la condition est false, le champ est masqué.

Modèle type

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

Condition False

Condition True

URL d'aperçu personnalisées custom-preview-urls

Vous pouvez spécifier une URL d’aperçu personnalisée par le biais d’une méta configuration urn:adobe:aue:config:preview, qui s’ouvre en cliquant sur le bouton Ouvrir la page dans la barre d’outils supérieure droite de l’éditeur de 🔗.

Cela s’avère particulièrement utile pour les applications ayant des exigences d’aperçu spécifiques, telles que celles utilisant des Edge Delivery Services avec la création WYSIWYG.

Pour ce faire, il vous suffit d’inclure l’URL d’aperçu souhaitée dans une balise meta de l’application instrumentée, comme dans l’exemple suivant.

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

Extension de l’interface utilisateur de l’éditeur universel extending

En tant que service Adobe Experience Cloud, l’interface utilisateur de l’éditeur universel peut être étendue à l’aide d’App Builder et d’Experience Manager.

Les extensions d’interface utilisateur sont des applications JavaScript créées avec Adobe App Builder qui peuvent être intégrées à des applications d’interface utilisateur qui s’exécutent sous Adobe Experience Cloud Unified Shell, comme l’éditeur universel. Vous pouvez ajouter vos propres boutons et actions au menu d’en-tête et au panneau des propriétés, ainsi que créer vos propres événements pour l’éditeur universel.

Si vous souhaitez explorer ces possibilités, consultez les ressources suivantes :

Grâce à l’Extension Manager dans AEM Sites, vous pouvez activer ou désactiver vos extensions par instance, accéder aux extensions propriétaires d’Adobe, y compris celles de l’éditeur universel, et bien plus encore.