0

通过将 WPGraphQL 与我的 React/Next 应用程序一起使用,我将 wordpress 用作无头 CMS。

我将 wordpress 博客嵌入到我的 React 应用程序中,使用了 dangerouslySetInnerHTML,然后设置了样式:

<div className={classes.blogContent} dangerouslySetInnerHTML={{ __html: post.content }}/>

在 wordpress 中,我在博客(elementor)中添加了一个 youtube 视频。 elementor中的视频

我遇到的问题是 youtube 视频的 iframe 从未通过 WPGraphQL 发送。

wordpress 上视频的 html 如下所示:

<div  class="module module-video tb_ep9u263 video-top   ">
    <h3 class="module-title">Mindfulness & Investing</h3>                
       <div class="video-wrap">
          <div class="tb_video_overlay" data-href="https://www.youtube.com/embed/A6XUVjK9W4o">
            <span class="tb_video_play"></span>
          </div>
          <iframe src="https://www.youtube.com/embed/Q-AkFQw3GSY?autohide=1&border=0&wmode=opaque&enablejsapi=1" allowfullscreen></iframe>
       </div>
</div>

但是,我通过 WPGraphQL 在我的反应应用程序中收到的 html 看起来像(它缺少 iframe):

<div  class="module module-video tb_ep9u263 video-top   ">
    <h3 class="module-title">Mindfulness & Investing</h3>                
       <div class="video-wrap">
          <div class="tb_video_overlay" data-href="https://www.youtube.com/embed/A6XUVjK9W4o">
            <span class="tb_video_play"></span>
          </div>
       </div>
</div>

如何让 WPGraphQL 发送视频/iframe?

谢谢你的帮助 :)

谢恩

4

0 回答 0