Summernote WYSIWYG

I can't initialize the summernote WYSIWYG editor in my app and i dont know why is not working. I started to import the JS and CSS files, opened a div tag with 'summernote' as id a

Solution 1:

Check the documentation. You need to include jQuery, bootstrap and fontawesome:

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script> 
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css"> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script> 
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">

and you need to initialise Summernote, like so:

$(document).ready(function() {
  $('#summernote').summernote();
});