How To Hide Toolbar In Summernote Editor

In this tutorial I will show you how to hide toolbar in summernote editor, many times customer's have requirement to enable only specific tools or options in summernote editor. for this time we need to customize toolbar in summernote. you can hide any specific toolbar in summernote editor or you want display only specific tools then just use toolbar() in jquery.

We can very easily enable or disable summernote tools in laravel or php using javascript.

<script>
    $(document).ready(function() {
        $('#summernote').summernote({
            height: 300, 
            placeholder: 'websolutionstuff.com',
            toolbar: [
            ['style', ['bold', 'italic']], //Specific toolbar display
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
        });
    });
</script>

Using above javascript we can disply specific toolbar in summernote.

For Example:

Currently 4 different font style display in summernote but if you need only specific then try below

You might also like :

• Read Also : How to Install CKEditor in Laravel
• Read Also : How To Create Custom Middleware In Laravel
• Read Also : How To Check Occupied Disk Space In Laravel

How to Drop Foreign Key in Laravel 10 Migration

Google Map With Draggable Marker Example

How To Send Email In Laravel Example

How To Convert HTML To PDF Using jsPDF

Laravel 8 Export Buttons In Datatables Example

One To Many Relationship Laravel 9 Example