Summernote在

Question

我上laravel工作的所有位置（Laravel 5.2）顯示5.2。當我點擊「編輯組名稱」，summernote文本編輯器將顯示每個組名下面，如下圖所示：

我想要的summernote文本編輯器僅針對特定的組名顯示。

我的觀點：

@foreach($groups as $group) 

    <div id="zx" class="panel-content"> 
    <div class="row"> 
    <section class=" col-md-offset-1 col-md-2 col-xs-offset-1 col-xs-3"> 
    <img id="imagecircle" style="width:40px;height:40px; 
    margin-top:5px;background-color:silver;" 
    class="img-circle" src="images/g.jpg"/> 
    </section> 
    <section class="col-md-offset-1 col-md-6 col-xs-8"> 
    <a id="hash" href="" style="font-size:20px; 
    text-decoration:none;">{{$group->name}}</a> 
    <textarea style="display:none;" name="textfield4" 
    id="textfield4"> </textarea> 
    <div class="groupname" id="a"></div> 
    </section> 


    <section class="col-md-1 dropdown"> 
    <button type="button" style="margin-top:5px;" 
    class="btn btn-warning dropdown-toggle" data-toggle="dropdown"> 
    <span id="removesign" class="glyphicon glyphicon-chevron-down"> 
    </span></button> 

    <ul class="dropdown-menu" role="menu"> 
    <li role="presentation"><a style="font-weight:bold; 
    color:black;" onclick="edit()" role="menuitem" tabindex="-1"> 
    Edit Group Name</a></li> 
    <li role="presentation"><a style="font-weight:bold; 
    color:black;"role="menuitem" tabindex="-1" 
    href="{{ URL('/groups/'.$group->id) }}"> 
     Leave This Group</a></li> 

      </ul> 
      </section> 
      </div> 
      </div> 
     @endforeach 

我的js代碼：

var edit = function() { 
    $('.groupname').summernote({focus: true}); 
    }; 

Answer 1

您可以添加一個id的元素summernote

<div class="groupname" id="groupname_{{$group->id}}"></div> 

併發送ID作爲參數傳遞給功能onclick事件

<li role="presentation"><a style="font-weight:bold; 
color:black;" onclick="edit({{$group->id}})" role="menuitem" tabindex="-1"> 

，只與選擇的ID

var edit = function(id) { 
    $('#groupname_' + id).summernote({focus: true}); 
};