'Summernote remove resize bar

I'm using summernote 0.8.2 and I'm trying to remove the resize bar at the bottom of the text editor like the one shown here. I tried options such as the ones listed below. Does anyone know what is the correct way to do this?

$("#summernote").summernote({
    toolbar: [
        ['para', ['ul']]
    ],
    focus: true,
    disableResize: true,            // Does not work
    disableResizeEditor: true,      // Does not work either
    resize: false                   // Does not work either
});
$('.note-statusbar').hide()             // Does not work either
javascriptcsssummernote


Solution 1:[1]

It worked when I did the following. Credit to yuri636

$("#summernote").summernote({
    toolbar: [
        ['para', ['ul']]
    ],
    focus: true,
    disableResizeEditor: true
});
$('.note-statusbar').hide();

Solution 2:[2]

I have found a way to resize the summernote text area, use the class .note-editabe, example :

$(".note-editable").height(100) ;

Solution 3:[3]

for removing dragging resize u can give the property to summernote

disableResizeImage: true

to remove percentage of size menu you can add a css

.note-resize{
    display: none !important;
}

Solution 4:[4]

$('.summernote').summernote({

    disableResizeEditor: true
});

$('.note-statusbar').hide();

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Community
Solution 2 London Smith
Solution 3 Vysakh Vijayakumar
Solution 4 Cody Gray

Related Questions