多个夏天注释div在一页上 [英] Multiple Summer note divs on one page

问题描述

我试图在单个页面上获取具有多个夏天注释div的代码。

I am trying to get the code of a specific summer note div with multiple ones on a single page.

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

My summer notes are created from a database with php as follows:

<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>

然后我的javascript是：

And then my javascript is:

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

它总是得到第一个 $（'。summernote'）。eq 0）.code（）; summernote代码永远不是第二个或第三个。

It always gets the first $('.summernote').eq(0).code(); summernote code never the second or third one.

我想做的是当每个夏天都变得模糊，让代码在隐藏的文本区域更新提交回数据库。

What I'm trying to do is when each summernote gets a blur, have that code update in a hidden textarea to submit back to the database.

（btw）我开始使用这样的夏天注释：

(btw) I am initilizing the summer notes like this:

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

推荐答案

选择所有summernote后，您需要访问他们的属性指定一个元素：

After selecting all summernote's you need to access their attributes by specifying one element like:

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

这篇关于多个夏天注释div在一页上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！