Summernote

The fastest way to get Summernote is to download the precompiled and minified versions of our CSS and JavaScript. No documentation or original source code files are included. For more info, please visit the official website.

<div class="summernote"></div>

<script src="../assets/bundles/summernote.bundle.js"></script>
<script>
	
	$(document).ready(function() {
		$('.summernote').summernote();
		var noteBar = $('.note-toolbar');
		noteBar.find('[data-toggle]').each(function() {
			$(this).attr('data-bs-toggle', $(this).attr('data-toggle')).removeAttr('data-toggle');
		});
	});

</script>
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

Template Setting
Set Theme Color
Icon Border Stroke
Layout Section Ligh/Dark
More App Setting