Summernote

Super simple WYSIWYG Editor.



$3

Summernote is a JavaScript library that helps you create WYSIWYG editors online.

Home page:

$3

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

$3

Summernote uses opensource libraries: jQuery, Bootstrap.

For Meteor, just run meteor add summernote:summernote. More info in the Meteor README.

Also there's an adaptation for React: react-summernote

For other/no frameworks:

#### 1. include JS/CSS

Include the following code in the tag of your HTML:

``html








`

#### 2. target a element

Then place a div tag somewhere in the body tag. This element will be replaced with the summernote editor.

`html



`

#### 3. summernote

Finally, run this script after the DOM is ready:

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

For more examples, please visit to homepage.

$3

code - get the HTML source code underlying the text in the editor:

`javascript
var html = $('#summernote').summernote('code');
`

For more detail about API, please refer to document.

#### Warning - code injection

The code view allows the user to enter script contents. Make sure to filter/sanitize the HTML on the server. Otherwise, an attacker can inject arbitrary JavaScript code into clients.

#### document structure

`
- body container: