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
Laravel 9 CRUD Operation Example
Laravel 9 CRUD Operation Examp...

As we know Laravel 9 was officially released yesterday with many new functionalities like Symfony 6.0 components, Symfon...

Read More

Feb-10-2022

How to Upload Multiple Image in Laravel 8
How to Upload Multiple Image i...

In this example we will see how to upload multiple image in laravel 8. here, we wil see tutorial of multiple image uploa...

Read More

Sep-17-2021

Laravel 9 whereDay / whereYear / whereTime Example
Laravel 9 whereDay / whereYear...

In this article, we will see the laravel 9 whereDay / whereYear / whereTime query example. The whereDay&n...

Read More

Oct-20-2022

How to Export CSV File in Laravel
How to Export CSV File in Lara...

In this post we will see how to export CSV file in laravel, Export csv file in laravel is most common function...

Read More

Apr-30-2021