How To Add Summernote Editor In Laravel

  • In this tutorial I will let you know how to add summernote editor in Laravel, In Laravel or PHP many editors are available but today I will give you example of summernote editor in Laravel.
  • Summernote editor is rich text box editor, using summernote editor you can take many actions like, insert image, add tables, changes font style, add links, add snippet code and many more feature provides.
  • For summernote editor you need to add summernote java script and CSS cdn, So, let’s start.
<html>
<head>
<title>How to add summernote editor in laravel — websolutionstuff.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 — websolutionstuff.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: ‘websolutionstuff.com’,
});
});
</script>
</body>
</html>
How To Add Summernote Editor In Laravel
Summernote Editor In Laravel

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Websolutionstuff

I am Laravel and PHP Developer. I have also Good Knowledge of JavaScript, jQuery, Bootstrap and REST API. Visit Website: http://websolutionstuff.com/