How it works

Super simple WYSIWYG Editor.

Summernote is a JavaScript library that helps you create WYSIWYG editors online. https://summernote.org

Installation and dependencies

Summernote is built on jQuery.

Basic Example
Hello there,

The toolbar can be customized and it also supports various callbacks such as oninit, onfocus, onpaste and many more.

Please try paste some texts here

<!-- plugin css file  -->
<link rel="stylesheet" href="assets/bundles/summernote.min.css"/>

<!-- Plugin Js -->
<script src="../assets/bundles/summernote.bundle.js"></script>

<!-- Page Js -->
<script>
	$(document).ready(function() {
		$('.summernote').summernote();
		$('.note-editor .note-btn').on('click',function(){
			$(this).next().toggleClass("show");
		});
	}); 
</script>