Suggestion | Creating a Custom Video Plugin for aem as cloud services Rich Text Editor

[Abhishekty]

Hi All,

I am looking to create a custom video plugin for the Rich Text Editor (RTE) in AEM. The goal is to enable users to browse or drag and drop videos from DAM (like image or any other way) into the RTE editor.

I chose the RTE over the Universal Editor due to its better documentation.

Also, I would like suggestion to finding proper documentation on how to use API references and methods related to this custom implementation. If you have any suggestions for best practices.

[narendragandhi]

Hello @Abhishekty 

Curious to know the use case here. Do you have DM (Dynamic Media) for videos enabled for your AEM environment ? If yes you can use the dynamic media video component for your requirement. 

Refer this playbook - https://www.comwrap.com/en/blog/dynamic-media-101 along with official Adobe documentation for Dynamic Media.

For custom RTE plugin implementation you can refer below resources - 

https://www.bounteous.com/insights/2022/01/06/custom-rich-text-editor-plugins-adobe-experience-manag...

https://exadel.com/news/creating-a-custom-aem-rte-plugin/

Thanks

Narendra

[Rite18]

@Abhishekty  it seems requirement to video panel/icon similar to image with RTE , i would suggest to considering using Brightcove Video JS library code and integrated with custom RTM component. 

[Abhishekty]

Hi @Rite18 ,

Thanks for your reply and suggestions!

Using the Brightcove Video JS library and its methods, can I get DAM or Dynamic Media asset references? Can I browse paths or drag and drop videos into the RTE editor?

The custom toolbar button styling fine, but I am more interested in the button's functionality.

//Thanks

[Abhishekty]

Hi @narendragandhi , 

Thanks for your reply and suggestions!

Yes, I am using Dynamic Media, but I need to create a custom RTE toolbar button to browse paths/drag and drop (Dynamic Media or DAM video assets). I don't want a separate component for that.

The button can be registered, I got the blog for that, but I am looking for documentation (like: API references/method references) that would allow me to browse paths, select video assets, and append them into the editor.

Like in above suggested link, we are using Coral UI 3 and its reference methods, interfaces, class, etc. Can I get the documentation for these? If I rely on any blogs with limited information, there’s a chance I won’t be able to fulfill all the use cases.

Thanks

[Abhishekty]

Please correct me if I’m wrong, but it seems that this API reference is not included in the public documentation. Is there any way to access it?

Thanks!