CODEWITHSUNDEEP
javascriptjquerysummernote
usr4896260
usr4896260

Reputation: 1507

How to remove tool tip from summernote

I'm trying to create a summernote v0.8.1 with only one button in the toolbar, unordered list. I'm looking disable the tooltip that appears for the button. How do I go about doing that?

Here is an example of the summernote:

<div id="myNote"></div>

Initalize summernote

$("#myNote").summernote({
    toolbar: [
        ['para', ['ul']] // I want to disable the tooltip for this.
    ],
    focus: true
});

The html of the rendered button looks like this, in which the text of the actual tooltip is "Unordered list (Ctrl+Shift+8)"

<button type="button" class="btn btn-default btn-sm btn-small" title=""
    data-shortcut="Ctrl+Shift+8" data-mac-shortcut="⌘+⇧+7" 
    data-event="insertUnorderedList" tabindex="-1" 
    data-original-title="Unordered list (Ctrl+Shift+8)">
        <i class="fa fa-list-ul icon-list-ul"></i>
</button>

Upvotes: 0

Views: 3933

Answers (2)

usr4896260
usr4896260

Reputation: 1507

I don't know why I it worked when I did this:

$("#myNote").summernote({
            toolbar: [
                ['para', ['ul']]
            ],
            focus: true
        });
$('.note-editor [data-event="insertUnorderedList"]').tooltip('disable');

Upvotes: 0

Florian Cabirol
Florian Cabirol

Reputation: 185

You can use this : 

 $("#myNote").summernote({
            toolbar: [
                ['para', ['ul']]
            ],
            focus: true,
            onInit : function(){
                $('.note-editor [data-name="ul"]').tooltip('disable'); 
            }
        });

Upvotes: 1

Related Questions