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

Question

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

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

SyntaxError: expected expression, got '<'

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

这是我的代码：

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

我该如何解决这个问题？

Answer 1

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

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

有需要的朋友，我也写了一个深入的教程how to use Summernote WYSIWYG editor with Laravel。

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

Cannot set value for Summernote wysiwyg editor

javascript

jquery

dom

laravel

summernote