无法为 Summernote 所见即所得编辑器设置值答案

【问题标题】：Cannot set value for Summernote wysiwyg editor无法为 Summernote 所见即所得编辑器设置值
【发布时间】：2018-06-19 11:41:09
【问题描述】：

我正在尝试在更新表单中设置 Summernote 所见即所得编辑器的值。所以我正在从数据库中获取以前的内容并尝试将其分配给一个变量。

但是无论我如何尝试转义内容，我都无法分配它。 我知道错误是由于 $college->overview 包含 HTML 标记，当我尝试将其分配给 javascript 变量时无法正确转义/编码它们。我尝试使用双引号，但仍然出现相同的错误。

SyntaxError: 预期的表达式，得到 '

我知道这是因为 $college->overview 包含 HTML 标签。

这是我的代码：

<script> 
         $(document).ready(function(){ 
                  var markupStr = {!! $college->overview !!};
                 $('.overview').summernote('code', markupStr);
        });
</script>

我该如何解决这个问题？

【问题讨论】：

您是否尝试用引号将变量括起来？ var markupStr = '{!! $college->overview !!}';
@linktoahref 是的，我有。但还是同样的错误
如果您尝试转义数据 var markupStr = '{{ $college->overview }}'; 怎么办？还是会报错吗？
@linktoahref 是的，我尝试了几乎所有的组合，但仍然导致相同的错误

标签： javascript jquery laravel dom summernote

【解决方案1】：

我终于设法解决了。诀窍是json_encode 值。

var markupStr = {!! json_encode($college->overview) !!};

对于有需要的人，我还在how to use Summernote WYSIWYG editor with Laravel上写了一篇深度教程。

【讨论】：