如何正确显示可编辑内容? (laravel)(vue)

时间:2020-01-01 18:24:49

标签: laravel vue.js vuejs2 contenteditable laravel-6

我已经将内容保存在下面的#descrition中。

<div id="description" contenteditable="true"></div>

我的问题是,当我尝试显示它时,它不会显示为html格式,而是显示为与<h1></h1><br>保存的数据相同。它仅显示纯文本。

<div id="description" contenteditable="true">{{ $description }}</div>


我保存在数据库中并显示的内容:

<h1>Descriptoin</h1> Doner, where I built and maintained banner adverts and microsites. <br> And...

有人知道如何正确显示吗?


回答:感谢@Akram Wahid

在laravel中-{!! $description !!}
公开中-<div v-html="description"> </div>

2 个答案:

答案 0 :(得分:1)

您必须这样做,因为Blade {{}}语句是通过PHP的htmlspecialchars函数自动发送的,以防止XSS攻击。如果您不希望对数据进行转义,则可以使用以下语法:

<div id="description" contenteditable="true">{!! $description !!}</div>

答案 1 :(得分:1)

默认情况下,Laravel会转义特殊字符以防止XSS攻击。 尝试使用这种格式:

NotImplementedException