Search code examples
javascriptjquerysummernote

How to remove summernote tooltip v.0.8.2


I'm trying to remove the tooltip from toolbar in summernote. I tried the following which worked previously but now doesn't work since update to 0.8.2. What would be the correct way to remove the tooltip?

$("#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>


Solution

  • The ugly way (I'll try to find something in the documentation to do something better) :

    $("#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>