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
* Supports Bootstrap 3, 4 and 5 integrations
* Lots of plugins and connectors provided together

$3

Summernote is built on jQuery.

#### 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 it!

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.

$3

https://github.com/summernote/summernote/blob/develop/.github/CONTRIBUTING.md

$3

* Facebook user group: https://www.facebook.com/groups/summernote
* Summernote Slack: Join the Summernote Slack community

Testing powered by

BrowserStack Open-Source Program

$3

Summernote may be freely distributed under the MIT license.