2017 © Pedro Peláez
 

library summernote

Super Simple WYSIWYG Editor on Bootstrap(4.x and 3.x).

image

summernote/summernote

Super Simple WYSIWYG Editor on Bootstrap(4.x and 3.x).

  • Tuesday, November 14, 2017
  • by prochor666
  • Repository
  • 315 Watchers
  • 7548 Stars
  • 16,298 Installations
  • JavaScript
  • 3 Dependents
  • 0 Suggesters
  • 1583 Forks
  • 651 Open issues
  • 64 Versions
  • 8 % Grown

The README.md

Summernote

Build Status npm version Coverage Status, (*1)

Summernote is a JavaScript library that helps you create WYSIWYG editors with a simple and easy-to-use interface. Summernote is licensed under MIT and maintained by the community., (*2)

Homepage: https://summernote.org, (*3)

Why Summernote?

Summernote has a few special features:, (*4)

  • Simple and User-friendly: Providing a simple and intuitive interface that allows users
  • Easy to install: Just include the JS/CSS files on your HTML and create a div tag to get started.
  • Compatible with Bootstrap: Bootstrap 3, 4, and 5.
  • Rich ecosystem: A wide array of plugins and connectors are available, enhancing functionality and integration options.
  • Easy image handling: Images are automatically embedded in the content using base64 encoding, eliminating the need for separate image management

How to Use

Summernote is built on jQuery., (*5)

How to install

1. Include JS/CSS

Include the following code in the <head> tag of your HTML:, (*6)



<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" />



<link href="summernote-bs5.css" rel="stylesheet">

2. Place a div tag

Then place a div tag somewhere in the body tag. This element will be replaced with the summernote editor., (*7)

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

3. Initialize Summernote

Finally, initialize Summernote with the following JavaScript:, (*8)

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

For more examples, please visit to homepage., (*9)

API

Summernote provides a set of API. For example, you can use the following code to get the HTML source code underlying the text in the editor:, (*10)

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

For more detail about API, please refer to document., (*11)

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., (*12)

For contributing

See the CONTRIBUTING.md for details on how to contribute to Summernote., (*13)

Contributors ✨

Thanks go to these incredible people:, (*14)

contributors , (*15)

Sponsors

Is your company using Summernote? Ask your boss to support us. It will help us dedicate more time to maintain this project and to make it even better for all our users. Also, your company logo will show up on here and on our website: -) [Become a sponsor] , (*16)

Backers

Please be our Backers. , (*17)

Contacts

The Versions

14/11 2017

dev-minor/do-not-lint-test-coverage

dev-minor/do-not-lint-test-coverage http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(4.x and 3.x).

  Sources   Download

MIT

by Alan

wysiwyg

21/10 2017

dev-develop

dev-develop http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(4.x and 3.x).

  Sources   Download

MIT

by Alan

wysiwyg

10/10 2017

dev-Cerealkillerway-develop

dev-Cerealkillerway-develop http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(4.x and 3.x).

  Sources   Download

MIT

by Alan

wysiwyg

29/09 2017

dev-master

9999999-dev http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

25/09 2017

dev-bugfix/fontname-with-space

dev-bugfix/fontname-with-space http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

20/09 2017

dev-minor/support-formatter-for-execCommand

dev-minor/support-formatter-for-execCommand http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

12/09 2017

dev-minor/tooltip-on-palette

dev-minor/tooltip-on-palette http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

09/09 2017

v0.8.8

0.8.8.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

25/08 2017

dev-bs4

dev-bs4 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

15/08 2017

dev-bugfix/#1263

dev-bugfix/#1263 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

15/08 2017

v0.8.7

0.8.7.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

16/07 2017

v0.8.6

0.8.6.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

16/07 2017

v0.8.5

0.8.5.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

31/05 2017

v0.8.4

0.8.4.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

01/04 2017

v0.8.3

0.8.3.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

28/03 2017

dev-feature/bootstrap4

dev-feature/bootstrap4 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

07/08 2016

v0.8.2

0.8.2.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

31/05 2016

dev-minor/disable-tooltip-by-option

dev-minor/disable-tooltip-by-option http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

19/04 2016

dev-feature/focus-manager

dev-feature/focus-manager http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

18/03 2016

dev-feature/save-last-range

dev-feature/save-last-range http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

16/03 2016

dev-bugfix/#1676

dev-bugfix/#1676 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

16/03 2016

dev-bugfix/#1719

dev-bugfix/#1719 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

13/03 2016

dev-feature/lite

dev-feature/lite http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

15/02 2016

v0.8.1

0.8.1.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

06/02 2016

v0.8.0

0.8.0.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

28/01 2016

dev-bugfix/#1566

dev-bugfix/#1566 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

14/01 2016

v0.7.3

0.7.3.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

13/01 2016

v0.7.2

0.7.2.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

07/01 2016

dev-feature/hint-full-match

dev-feature/hint-full-match http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

01/01 2016

dev-feature/refactoring-ui-2

dev-feature/refactoring-ui-2 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

31/12 2015

v0.7.1

0.7.1.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

02/12 2015

v0.7.0

0.7.0.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

13/10 2015

dev-feature/ui-css

dev-feature/ui-css http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

17/09 2015

dev-summernote-jui

dev-summernote-jui http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

03/08 2015

v0.6.16

0.6.16.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

30/07 2015

v0.6.15

0.6.15.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

30/07 2015

v0.6.14

0.6.14.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

25/07 2015

v0.6.13

0.6.13.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

24/07 2015

v0.6.12

0.6.12.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

24/07 2015

v0.6.11

0.6.11.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

12/07 2015

v0.6.10

0.6.10.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

21/06 2015

v0.6.9

0.6.9.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

21/06 2015

v0.6.8

0.6.8.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

17/05 2015

v0.6.7

0.6.7.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

29/04 2015

v0.6.6

0.6.6.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

26/04 2015

v0.6.5

0.6.5.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

21/04 2015

dev-fixed-on-image-upload

dev-fixed-on-image-upload http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

13/04 2015

v0.6.4

0.6.4.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

08/04 2015

v0.6.3

0.6.3.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

14/03 2015

v0.6.2

0.6.2.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

08/02 2015

v0.6.1

0.6.1.0 http://summernote.org/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

30/11 2014

v0.6.0

0.6.0.0 http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

12/10 2014

dev-feature/table-selection

dev-feature/table-selection http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

07/10 2014

v0.5.10

0.5.10.0 http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

21/09 2014

v0.5.9

0.5.9.0 http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

14/09 2014

dev-feature/backspace

dev-feature/backspace http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

31/08 2014

v0.5.8

0.5.8.0 http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

29/08 2014

v0.5.7

0.5.7.0 http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

26/08 2014

v0.5.6

0.5.6.0 http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

24/08 2014

v0.5.5

0.5.5.0 http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

22/08 2014

v0.5.4

0.5.4.0 http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

25/07 2014

v0.5.3

0.5.3.0 http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

19/07 2014

v0.5.2

0.5.2.0 http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg

16/03 2014

v0.5.1

0.5.1.0 http://hackerwins.github.io/summernote/

Super Simple WYSIWYG Editor on Bootstrap(3.0 and 2.x).

  Sources   Download

MIT

by Alan

wysiwyg