Recently. I tried a couple of Rich Text Editors for one of my projects. I tried almost everything from Bootstrap-wysiwyg to CKeditor. But all had either compatibility issues or incomplete features. 

As I was actively looking for an editor, summer note caught my eye. It’s a free editor with hell lot of features and fully compatible with Internet Explorer, Firefox and Chrome. The integration too is simple and it supports Bootstrap too.

All you have to do to integrate Summernote in your app is to add reference to summernote’s css and javascript files to your page, define a div as follows: 

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

and finally, add a function to capture document ready event in your page as follows :

$(document).ready(function() {

For more information, check out summer note at

Leave a Reply

Your email address will not be published. Required fields are marked *