使用 Laravel 作为后端发送 iframe 代码时，Facebook 页面 iFrame 在 Bootstrap 模板中显示问题

Question

我正在使用 bootstrap 模板。我想在侧边栏中显示一个 Facebook 页面 iFrame。我正在使用以下由 Facebook Page Plugin 生成的 iFrame 代码。这是代码：

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffaporbazmedia%2F&tabs=timeline&width=270&height=540&small_header=false&adapt_container_width=false&hide_cover=false&show_facepile=false&appId" width="270" height="540" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>

如果我直接将这段代码放在模板中，它可以正常工作并显示页面 iFrame。但是，如果我从后端上传此代码并在同一位置检索此代码，它不会显示 iFrame。它显示了原始代码！

这是图片。在顶部，我放置了直接代码，在底部，我从 MySQL 数据库中检索了代码。

这是我用来显示 iFrame 的 Laravel 代码。

@if(isset($facebookpage))
    {{ $facebookpage->code }}
@endif

Answer 1

你需要像这样在你的 Blade 中转义 HTML

@if(isset($facebookpage))
    {!! $facebookpage->code !!}
@endif

使用 Laravel 作为后端发送 iframe 代码时，Facebook 页面 iFrame 在 Bootstrap 模板中显示问题

Facebook page iFrame display problem in Boostrap Template while using Laravel as backend to send iframe code

facebook-iframe

twitter-bootstrap

laravel

bootstrap-4