反应:嵌入推文:显示文本而不是推文

时间:2018-08-23 18:12:29

标签: javascript reactjs twitter

我正在使用WYSIWYG编辑器在React应用程序中显示帖子中的嵌入推文。问题是我的编辑器在将帖子内容保存到数据库之前删除了所有scripts标记,并且该推文显示如下图。

enter image description here

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就会像以前一样加载,脚本标签会在帖子的末尾加载,但仍然无法正常工作。

我不知道如何才能正常显示该推文。 请帮忙。

0 个答案:

没有答案