求助：如何用JavaScript/jQuery为Summernote编辑器设置动态内容？

解决方法 #

首先要确保两个核心前提：

• Summernote已完全初始化后再执行内容设置代码
• 选择器准确（优先用ID选择器避免匹配多个元素）

1. 官方API方法（推荐） #

summernote('code', content)是官方提供的设置内容的方法，问题大概率出在执行时机不对，调整代码如下：

// 等待DOM加载完成
$(document).ready(function() {
  // 初始化Summernote（若未初始化）
  $('#summernote').summernote({
    height: 300, // 可选配置项
    callbacks: {
      onInit: function() {
        // 编辑器初始化完成后设置内容
        $('#summernote').summernote('code', data.message);
      }
    }
  });

  // 若编辑器已提前初始化，直接调用即可
  // $('#summernote').summernote('code', data.message);
});

2. 直接操作编辑区域（备选方案） #

如果API方法仍不生效，可以直接修改编辑器的可编辑DOM节点：

// 定位到Summernote的可编辑区域
$('#summernote .note-editable').html(data.message);
// 同步编辑器内部存储的内容（确保后续操作正常）
$('#summernote').summernote('code', $('#summernote .note-editable').html());

常见排查点 #

• 检查data.message是否为有效HTML/纯文本，纯文本可改用text()方法
• 打开浏览器控制台查看是否有JS报错，排查代码阻塞问题
• 若data.message来自异步请求（如AJAX），需将设置代码放在请求成功的回调内

内容的提问来源于stack exchange，提问作者user19491662