How To Hide Toolbar In Summernote Editor

Websolutionstuff | Sep-02-2020 | Categories : Laravel PHP jQuery

In this small tutorial i will show you How To Hide Toolbar In Summernote Editor, many times customer's have requirement to enable only specific tool or option in summernote editor,for this we need to customize toolbar in summernote.

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:

['style', ['bold', 'italic', 'underline', 'clear']],

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

['style', ['bold', 'italic']], //Specific toolbar display

 

Recommended Post
Featured Post
How To Avoid TokenMismatchException On Logout
How To Avoid TokenMismatchExce...

Many times we faced a Tokenmismatch error in laravel. This error occurs If you stay too long time on one form...

Read More

Jun-29-2020

Laravel 6/7 CRUD tutorial with example
Laravel 6/7 CRUD tutorial with...

In this example, I will show you how to make simple laravel CRUD(insert, update, delete, or list) operations with e...

Read More

May-08-2020

How To Replace All Occurrences Of String In Javascript
How To Replace All Occurrences...

In this article, we will see how to replace all occurrences of a string in javascript. You can use the javascript r...

Read More

Nov-07-2022

Laravel 10 AJAX Form Validation Example
Laravel 10 AJAX Form Validatio...

In this article, we will see how to validate the ajax form in laravel 10. Here we will learn about the laravel 10 a...

Read More

Mar-24-2023