Beginners Tutorial: Embed - AEM Core Component | Embed any content on your AEM website

#aem #aemcorecomponents #adobeexperiencemanager
Beginners Tutorial: Embed - AEM Core Component | Embed any content on your AEM website
github.com/tec...
​ • What is oEmbed Protoco... ​
​ • Embed Tweets and Timel... ​
​developer.vime...
The Embed Component allows the content author to define selected external content to be embedded within an AEM content page. In addition, there is an option to define free-form HTML to be embedded as well.
The Embed Component allows
the template-authors to enable the default configurations through polices
also the page authors to manage the configurations those are allowed by template authors through component dialog
The simplest embed is the URL. Simply paste the URL of the resource you wish to embed in the URL field. The component will attempt to access the resource and if it can be rendered by one of the processors, it will display a confirmation message below the URL field. If not, the field will be marked in error.
The Embed Component ships with processors for the following types of resources:
Resources that comply with the oEmbed standard API including Facebook Post, Instagram, SoundCloud, Twitter, and TH-cam
Also it enables the custom processor for Pinterest - the Pinterest wont support standard oEmbed API
By implementing the UrlProcessor interface you can create your own URL processor.
You will also need to create an HTL template file, with the same name as the processor field returned in the Result.
Embeddables allow for more customization of the embedded resource, which can be parameterized and include additional information. An author is able to select from pre-configured trusted embeddables and the component ships with a TH-cam embeddable out-of-the-box.
You can also add free-form HTML to your page using the Embed Component.
The HTML markup that the author can enter is filtered for security purposes to avoid cross-site scripting attacks that could for example allow authors to gain administrative rights.
In general, all script and style elements as well as all on* and style attributes will be removed from the output.
Embed Component follows AEM’s global HTML AntiSamy sanitation framework filtering rule set, which can be found at /libs/cq/xssprotection/config.xml. This can be overlaid for project-specific configuration by a developer if required.
The Embed core component allows the content authors to include the external URL content that supports the oEmbed API, also allows to define custom URL processor to embed the content from external source that wont support oEmbed API. The embedables enables more controlled way to include the content from selected external resources. the custom embedables also can be defined if required.
You can also add free-form HTML to your page using the Embed Component.

[@viniciusandrade4941]

You didnt use any external website or not oEmbed sites, do you know if it is possible to embed external websites in the embed component

[@utkarshrajvarshney4960]

Hi i am trying to extend embed component in my custom project but the osgi configuration are not extended for my proxy component