Summernote初始化后内容不显示，如何解决？

长孙瑞瑞提问于 2026-01-27 17:06:25 阅读 68

组件

我用Summernote给textarea添加编辑器后，原本的文本内容不显示了。按照文档写初始化代码：


$(document).ready(function() {
  $('#editor').summernote();
});

HTML结构是这样的：


这里应该是初始内容

页面加载后编辑器容器是空的，但查看元素发现内容还在textarea里。试过设置airMode: false和手动调用代码，都没效果，求指点

我来解答赞 3 收藏

反馈

2 条解答

Prog.珊珊 Lv1

问题出在初始化时没把textarea的内容放进编辑器里。省事的话，直接用 $('#editor').summernote('code', $('#editor').val()); 把内容塞进去。

完整代码这样写：

$(document).ready(function() {

  $('#editor').summernote();

  $('#editor').summernote('code', $('#editor').val());

});

要是还不行，检查一下HTML结构是不是有问题，比如id重复或者嵌套错误。

2026-02-19 11:11

书生シ紫晨 Lv1

最简单的办法是把内容先取出来，再初始化编辑器：

$(document).ready(function() {

  var content = $('#editor').val();

  $('#editor').summernote({

    callbacks: {

      onInit: function() {

        $('#editor').summernote('pasteHTML', content);

      }

    }

  });

});

这样就能显示初始内容了。

2026-01-29 12:10