Embed facebook comment with dash

Hi guys, im a beginner and im creating a small website with a comment panel, utilizting Fb comment, but i still not figure out how to use the Fb generated code with Dash. I tried html.Iframe but that won’t work, and using html component is not sufficient since there are some tag attribute that Dash html component does not support. How can i resolve this? Thank you a lot

Hi @ponderthegraph ,
Welcome to the community.

It’s particularly challenging to help you with this question because there is no code example we could try out ourselves. Also, I don’t have experience using FB-generated code with Dash, which is why an example would help. Can you please share more with us.
What is the code you have so far? What error message do you get. How are you trying to use Dash with the code?

Hi, thank you so much for responding. This is the feature i want to add to my dash website:
It’s simply the Facebook comment plugin. I’ve been searching around and yet to see similar questions on the internet. So the main purpose here is i need an example of integrating Facebook comment plugin using Dash.
You might need to use a different generate code for your own experiment.
This is the generated code that Facebook provides:

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v12.0" nonce="aAAFKwgV"></script>
<div class="fb-comments" data-href="" data-width="" data-numposts="10"></div>

What stupid me trying:

            srcDoc='''<div id="fb-root"></div>
                        <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v12.0" nonce="aAAFKwgV"></script>'''
#some code
                    srcDoc='<div class="fb-comments" data-href="" data-width="" data-numposts="10"></div>'

What i get (two blank rectangle at the top and bottom of the page):