【问题标题】:How to remove summernote tooltip v.0.8.2如何删除 Summernote 工具提示 v.0.8.2
【发布时间】:2016-12-29 00:12:38
【问题描述】:
我正在尝试从 Summernote 的工具栏中删除工具提示。我尝试了以下以前有效但现在更新到 0.8.2 后不起作用的方法。删除工具提示的正确方法是什么?
$("#myNote").summernote({
toolbar: [
['para', ['ul']] // I want to remove this tooltip
],
focus: true
});
$('.note-editor [data-event="insertUnorderedList"]').tooltip('disable');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.css" rel="stylesheet"/>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet"/>
<div id="myNote"></div>
【问题讨论】:
标签:
javascript
jquery
summernote
【解决方案1】:
丑陋的方式(我会尝试在文档中找到一些东西来做得更好):
$("#myNote").summernote({
toolbar: [
['para', ['ul']] // I want to remove this tooltip
],
focus: true
});
$('.note-editor [data-event="insertUnorderedList"]').tooltip('disable');
$('.note-btn.btn.btn-default.btn-sm').attr('data-original-title','');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.css" rel="stylesheet"/>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet"/>
<div id="myNote"></div>
【解决方案2】:
旧帖子,但我确实喜欢这样:
$('.editor').summernote();
$('.note-btn').removeAttr('title');
【解决方案3】:
使用这个
$('#myTextEditorId').summernote({
tooltip: false
});
注意:将 summernote css 文件放在 bootstrap css 之前