通过将 WPGraphQL 与我的 React/Next 应用程序一起使用,我将 wordpress 用作无头 CMS。
我将 wordpress 博客嵌入到我的 React 应用程序中,使用了 dangerouslySetInnerHTML,然后设置了样式:
<div className={classes.blogContent} dangerouslySetInnerHTML={{ __html: post.content }}/>
在 wordpress 中,我在博客(elementor)中添加了一个 youtube 视频。
我遇到的问题是 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?
谢谢你的帮助 :)
谢恩