[英]Summernote is displayed at all positions (Laravel 5.2)
我正在使用laravel 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});
};
您可以将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});
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.