使用 Laravel 作为后端发送 iframe 代码时,Bootstrap 模板中的 Facebook 页面 iFrame 显示问题 [重复]

Posted

技术标签:

【中文标题】使用 Laravel 作为后端发送 iframe 代码时,Bootstrap 模板中的 Facebook 页面 iFrame 显示问题 [重复]【英文标题】:Facebook page iFrame display problem in Boostrap Template while using Laravel as backend to send iframe code [duplicate] 【发布时间】:2019-08-10 22:34:24 【问题描述】:

我正在使用引导模板。我想在侧边栏中显示一个 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"   style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>

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

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

这是我试图显示 iFrame 的 Laravel 代码。

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

【问题讨论】:

【参考方案1】:

您需要像这样转义 Blade 中的 html

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

【讨论】:

谢谢!它奏效了。

以上是关于使用 Laravel 作为后端发送 iframe 代码时,Bootstrap 模板中的 Facebook 页面 iFrame 显示问题 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

为啥 Laravel 中间件 CORS 不能与 Vue.js 一起使用

如何使用 Laravel 作为 Angular SPA 应用程序的后端?

AngularJS(前端)和 Laravel(后端)中 JSON/数组中的 NULL

Laravel API - 使用 Firebase FCM 向 android 和 iOS 客户端应用程序发送通知

使用 Laravel 作为后端刷新 Vue.js SPA 的身份验证令牌

使用 jQuery 将表单数据作为数组传递给 Laravel