在一个页面上的多个夏季笔记div

Question

我想在一个页面上得到一个特定的夏天笔记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> 

然后我的JavaScript是：

<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代码永远不会在第二或第三一。

我想要做的是，当每个summernote得到一个模糊，有一个隐藏的textarea代码更新提交回数据库。

（顺便说一句）我initilizing夏天注意事项如下：

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

Answer 1

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

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

Answer 2

我终于得到了代码为多个summernote编辑和图像上传工作！

要解决

“未定义”

，尝试：

VAR ID = $（OBJ）。数据（ 'ID'）;

到

VAR ID = $（OBJ）.attr（ '身份证'））

来源：

https://github.com/neblina-software/balerocms-enterprise/blob/master/src/main/resources/static/js/app.js

商祺！

Answer 3

要在页面上显示多个编辑器，需要在HTML中放置两个以上的<div>元素。

实施例：

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

然后用jQuery选择summernote运行。

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

欲了解更多信息click

注：多编辑summernote不id