Last updated 2 months ago

Please refer to Summernote Documentation to learn about plugin options

Step one

Include the stylesheet summernote.css inside the <head>

<link media="screen" type="text/css" rel="stylesheet" href="assets/plugins/summernote/css/summernote.css">

Step two

Include the javascript file inside the <body>before core template script inclusions.

<script type="text/javascript" src="assets/plugins/summernote/js/summernote.min.js"></script>

Step three

Add the markup.

<div id="summernote">Hello Summernote</div>

Step four

Apply the plugin.

Make sure you place the following script below all the pre-requisites mentioned in the Step two above.

$(document).ready(function() {