我正在使用WYSIWYG编辑器在React应用程序中显示帖子中的嵌入推文。问题是我的编辑器在将帖子内容保存到数据库之前删除了所有scripts标记,并且该推文显示如下图。
tweet代码如下:
<blockquote class="twitter-tweet" data-lang="en">
<p lang="en" dir="ltr">
...
</p>
</blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
我试图将脚本添加到模板中,恰好在body
结束标记之前,同时具有async和不具有async属性,但是这些推文仅在刷新页面时呈现。
我尝试过以下代码:
<div
dangerouslySetInnerHTML={{
__html: `
${post.content}
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
`
}}
/>
这样,twitter的小部件HTML就会像以前一样加载,脚本标签会在帖子的末尾加载,但仍然无法正常工作。
我不知道如何才能正常显示该推文。 请帮忙。