Embed Youtube videos

[Marcel]

Is there a way to embed Youtube videos in RichTextEditor?

I'm try to use insertHTML of execCommand  to add this code, but this not work:

<div style="position: relative;width: 100%;height: 0;padding-bottom: 50%;">

<iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" 

frameborder="0" type="text/html" 

src="https://www.youtube.com/embed/tgbNymZ7vqY?fs=1"></iframe>

</div>

     Best regards,

     Marcel Souza

     Pds Informática

[Indrajith Srinivasan]

Hi Marcel, 

 

Greetings from Syncfusion support, 

 

We have validated the reported query and considered “Embed Youtube videos in RichTextEditor using insertHtml” as a bug from our end and logged the report for the same and the fix will be included with our patch release on the second week of April 2020.

You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link: https://www.syncfusion.com/feedback/13053/

But you can load the shared iframe content, with the initial rendering of Rich Text Editor by disabling the enableHtmlSanitizer property. We have also prepared a sample based on your requirements. 

 

Sample: https://stackblitz.com/edit/4mktrk-mpww4b?file=index.html

Regards, 

Indrajith 

[Indrajith Srinivasan]

Hi Marcel,

Sorry for the delayed response,

We have resolved the issue “Embed Youtube videos in RichTextEditor using insertHtml” with Rich Text Editor and the fix is available with the package version 18.1.44.

Sample: https://stackblitz.com/edit/4mktrk-psqtk2?file=index.ts

Can you please upgrade the package to this version to resolve the issue from your end?

Regards, 

Indrajith 

[Denis]

Hi, what about version for Angular 8+ ?

I trying to add video iframe from youtube in Angular, but it's still not working on version 18.1.44.

[Indrajith Srinivasan]

Hi Denis,

Good day to you,

As said earlier, if you disable the enableHtmlSanitizer property and insert Iframe elements in Rich Text Editor it will work fine. We have also prepared a sample with an Angular 8+ version.

Sample: https://www.syncfusion.com/downloads/support/forum/152859/ze/Insert_Iframe_RTE1335369655

Please let us know if the solution helps,

Regards,
Indrajith