Summernote 初始化后无法获取输入内容怎么办？

熙妍提问于 2026-03-10 18:06:20 阅读 72

组件

我用 Summernote 初始化了一个富文本编辑器，但提交表单时拿不到用户输入的内容。我试过用 $('#summernote').summernote('code') 获取，结果返回的是空字符串或者初始 HTML，不是用户刚输入的。

我的初始化代码是这样的：

$('#summernote').summernote({
  height: 200,
  placeholder: '请输入内容...'
});

是不是哪里漏了？还是说要监听 change 事件手动同步到隐藏域？

富文本编辑器

我来解答赞 8 收藏

反馈

1 条解答

程序员梦鑫 Lv1

这个问题很简单，Summernote不会自动同步内容到表单，你得自己动手。

提交前手动获取并赋值：

$('#myForm').on('submit', function() {

  var content = $('#summernote').summernote('code');

  $('#hiddenInput').val(content);  // 把内容放到隐藏域里

});

或者更省事的方式，监听change事件实时同步：

$('#summernote').summernote({

  height: 200,

  placeholder: '请输入内容...',

  callbacks: {

    onChange: function(contents, $editable) {

      $('#hiddenInput').val(contents);

    }

  }

});

两种方式随便选一个，提交表单时就能拿到用户输入的内容了。

2026-03-10 19:27