# Summernote Super simple WYSIWYG Editor using Bootstrap (3.0 and 2.x). [](http://travis-ci.org/summernote/summernote) [](http://badge.fury.io/js/summernote) [](https://gemnasium.com/summernote/summernote) [](https://saucelabs.com/u/summernoteis) ### Summernote Summernote is a JavaScript library that helps you create WYSIWYG editors online. Home Page: http://summernote.org ### Why Summernote? Summernote has a few special features: * Paste images from clipboard * Saves images directly in the content of the field using base64 encoding, so you don't need to implement image handling at all * Simple UI * Interactive WYSIWYG editing * Handy integration with server #### Inspired by * Gmail's WYSIWYG editor (http://www.gmail.com) * Redactor (http://imperavi.com/redactor/) ### Installation and dependencies Summernote uses opensource libraries: [jQuery](http://jquery.com/), [Bootstrap](http://getbootstrap.com), [Font Awesome](https://github.com/FortAwesome/Font-Awesome). For [Meteor](http://github.com/meteor/meteor), just run `meteor add summernote:summernote`. More info in the [Meteor README](meteor/README.md). For other/no frameworks: #### 1. include JS/CSS Include the following code in the `
` tag of your HTML: ```html ``` #### 2. target elements Then place a `div` tag somewhere in the `body` tag. This element will be replaced with the summernote editor. ```html