Au-delà du composant intégré : intégrer l'éditeur de code Web

Après l'introduction des AEM Core Componentsle développement de composants personnalisés a été radicalement modifié. Dans certains cas d'utilisation, il n'y a aucune personnalisation et les composants principaux peuvent être directement utilisés pour la création. Même dans ces situations, le composant personnalisé est nécessaire. Il peut être construit rapidement en étendant les composants de base existants. Ainsi, le coût de développement et le temps de production sont réduits.

Composant d'intégration

En cette ère de réseautage social, nous avons été confrontés au cas d'utilisation de l'intégration de médias ou de HTML à partir d'autres sites de médias sociaux. Pour ces cas, OOTB AEM Core – Embed Component est pratique.

Embed Component aide les auteurs à intégrer trois types de contenu externe dans une page :

• URL-based – Cette fonctionnalité prend en charge la ressource basée sur l'URL qui est conforme aux normes oEmbed. Ceci est utilisé pour des cas d'utilisation tels que l'intégration de Facebook, Twitter, Instagram, etc.
• HTML – Cette fonctionnalité permet à l'auteur d'ajouter directement du contenu HTML à la page AEM.
• Intégrable – Cette fonctionnalité permet la personnalisation des ressources intégrées comme YouTube. En revanche, cela permet à l'auteur de fournir des informations et des paramètres supplémentaires pour intégrer la ressource à la page. Cette fonctionnalité utilise un préprocesseur principal.

Toutes les options mentionnées ci-dessus peuvent être configurées à l'aide de la boîte de dialogue de conception de composants pour activer ou désactiver la fonctionnalité.

 » width= »640″ height= »605″ srcset= »https://i1.wp.com/blogs.perficient.com/files/AEM_Core_Embed_Component-Dialog.png?resize=640%2C605&ssl=1 640w, https://i1.wp.com/blogs.perficient.com/files/AEM_Core_Embed_Component-Dialog.png?resize=300%2C283&ssl=1 300w, https://i1.wp.com/blogs.perficient.com/files/AEM_Core_Embed_Component-Dialog.png?resize=582%2C550&ssl=1 582w, https://i1.wp.com/blogs.perficient.com/files/AEM_Core_Embed_Component-Dialog.png?resize=600%2C567&ssl=1 600w, https://i1.wp.com/blogs.perficient.com/files/AEM_Core_Embed_Component-Dialog.png?resize=500%2C472&ssl=1 500w, https://i1.wp.com/blogs.perficient.com/files/AEM_Core_Embed_Component-Dialog.png?w=742&ssl=1 742w » sizes= »(max-width: 640px) 100vw, 640px » data-recalc-dims= »1″/>

Sécurité

L'intégration dynamique de contenu peut entraîner une faille de sécurité. AEM utilise la protection XSS à l'aide de l'Anti Samy. Pour plus d'informations sur la protection XSS, consultez la documentation AEM sur Sécurité.

Cela dit, que se passe-t-il si le contenu intégré nécessite un comportement dynamique personnalisé à l'aide de JS ou des changements de style à l'aide de CSS ? Si le fichier config.xml de protection XSS n'a pas les balises