Javascript 一页上有多个Summer note div

我试图得到一个特定的夏季笔记div的代码，在一个页面上有多个

我的夏季笔记是使用php从数据库中创建的，如下所示：

<div class="tab-content">
  <?php $i=-1; foreach($contents as $content): ?>
      <?php $i++; ?>
      <div class="tab-pane" id="<?php echo $content->contentName; ?>">
          <div class="summernote" data-id="<?php echo $i; ?>">
              <?php echo $content->content; ?>
          </div>
      </div>
  <?php endforeach; ?>
</div>

---

选择所有summernote后，您需要通过指定一个元素来访问其属性，如：

<script>
  $('.summernote').each(function(i, obj) { $(obj).summernote({
    onblur: function(e) {
      var id = $(obj).data('id');
      var sHTML = $(obj).code();
      alert(sHTML);
    }
  });
});
</script>

$（'.summernote'）.each（函数（i，obj）{$（obj）.summernote({
onblur：函数（e）{
变量id=$（obj）.data（'id'）；
var sHTML=$（obj.code（）；
警报（sHTML）；
}
});
});

我终于得到了适用于多个summernote编辑器和图像上传的代码

修理

“未定义”

，请尝试：

变量id=$（obj）.data（'id'）

到

变量id=$（obj.attr（'id'））

资料来源：

---

问候

要在一个页面上显示多个编辑器，您需要在HTML中放置两个以上的

元素

示例：

<div class="summernote">summernote 1</div>
<div class="summernote">summernote 2</div>

更多信息

---

注意：对于希望使用summernote以

foreach

、循环/重复语句等输出多个内容的任何人，多编辑器summernote不能与

id
一起使用

Summernote仅适用于第一个输出，但您可以通过两次使用类使其适用于其他输出：

<div class"summernote summernote"> </div>



如果您的脚本如下所示：

<script>  
$(document).ready(function() {
$('.summernote').summernote();
});
</script>


$（文档）.ready（函数（）{
$（'.summernote'）.summernote（）；
});
抱歉，还有一个错误，我正在根据summernote api编辑答案，这是正确的模糊处理方法。直接从该站点复制。您的代码不起作用。很抱歉，我不知道summercode是一个库。最后一次编辑要还原。summarnote调用并添加e.target而不是此。Var id仍然返回为未定义。因此，此问题没有解决方案。
$(document).ready(function() {
  $('.summernote').summernote();
});

<div class"summernote summernote"> </div>

<script>  
$(document).ready(function() {
$('.summernote').summernote();
});
</script>