How To Add Summernote Editor In Laravel 8

Today we will see how to install and use summernote editor in laravel 8 or how to add summernote editor in laravel 8. Summernote editor is rich textbox editor summernote editor through you can add images, tables, links, snippet code, font styles etc.

For summernote editor you need to add only summernote js and css cdn.

<html>
<head>
  <title> How To Add Summernote Editor In Laravel 8 - techsolutionstuff.com </title>
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
</head>
<body>
<div class="row">
    <div class="col-md-12">
        <h1 class="text-center">How To Add Summernote Editor In Laravel 8 - techsolutionstuff.com 
        </h1>
        <div class="col-md-12">        
            <textarea name="summernote" id="summernote"></textarea>
        </div>
    </div>
</div>    

  <script>
    $(document).ready(function() {
        $('#summernote').summernote({
            height: 400, 
            placeholder: 'techsolutionstuff.com',
        });
    });
  </script>
</body>
</html>

You might also like :