如何在 Laravel Blade 中使用 javascript 输出未转义的 HTML？答案

【问题标题】：How do I output unescaped HTML with javascript in Laravel Blade?如何在 Laravel Blade 中使用 javascript 输出未转义的 HTML？
【发布时间】：2020-02-17 03:59:09
【问题描述】：

我有一个 VUEX 商店和需要输出的博客文章。

我使用 CKEditor 进行输入，但无法在前端输出带有 @{{ }} 的原始 HTML。

我已经尝试过使用@{{!! !!}}，但显然这些不能一起使用。

这是我输出的行： <div>@{{ $store.state.item.conteudo }}</div>

这是代码的实际输出：

<p><strong>Teste Laravel</strong></p>

【问题讨论】：

你用的是什么前端？

标签： javascript laravel laravel-blade

【解决方案1】：

你使用的是双括号，所以你应该尝试{!! !!}而不是{{!! !!}}。

所以现在你的变量看起来像。

{!! $text !!}

查看更多信息。 displaying data

【讨论】：

试过了，没有显示。我正在从 VUEX Store 获取 JavaScript 中的数据。我从我想要输出 html 代码但我无法使用的发送数据。
试过了，没有显示。谢谢@Dilip-hirapara 我将数据从表格内的视图按钮发送到模式。并且模态显示 HTML 输入而不刷新页面。我想从 JavaScript 输出一个 html 代码，但我不能使用输出的 PHP 代码。

【解决方案2】：

您也可以通过在模型中使用 getter 来做到这一点

希望对您有所帮助！

public function getConteudoAttribute($value) {
    return html_entity_decode($value);
}

【讨论】：