Summernote Next

Summernote Next is a maintained MIT-licensed fork of Summernote (https://github.com/summernote/summernote/). It provides one Vanilla JS editor core in two UI variants: summernote-next integrates with Bootstrap 5, while summernote-next-classic provides a standalone, UI toolkit-independent Classic UI.

| Resource | URL | | --- | --- | | Live examples | https://juergen-schwind.com/summernote-next | | GitHub repository | https://github.com/summernote-next/summernote-next | | Original repository | https://github.com/summernote/summernote/ | | Maintainer | Jürgen Schwind | | Contact | mailto:[email protected] | | Website | https://juergen-schwind.com | | License | MIT |

Highlights

• Shared Vanilla JS editor core with two UI variants
• Bootstrap 5 integration through the summernote-next bundle
• Standalone, UI toolkit-independent Classic UI through the summernote-next-classic bundle
• Public API: summernote.create(), summernote.invoke(), summernote.getInstance()
• Plugin API: summernote.registerPlugin(), summernote.getPluginMeta(), summernote.listPlugins()
• Compiled assets in dist/
• 100% line, statement, function, and branch coverage enforced per source file
• Public example pages aligned with the current fork
• MIT license with preserved upstream copyright notice and added fork copyright

Quick start

Install dependencies and build the distributable files:

npm install
npm run build

Bootstrap 5 UI

Include Bootstrap 5 and the compiled summernote-next assets in your page:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="dist/summernote-next.css">

<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script defer src="dist/summernote-next.js"></script>

Add an editor element and initialize it with the public API:

<div id="editor">Hello Summernote Next</div>

<script>
  document.addEventListener('DOMContentLoaded', () => {
    summernote.create('#editor');
  });
</script>

Classic UI

For a standalone UI that does not depend on Bootstrap or another UI toolkit, load the summernote-next-classic bundle instead:

<link rel="stylesheet" href="dist/summernote-next-classic.css">

<script defer src="dist/summernote-next-classic.js"></script>

Examples

The maintained example catalog for this fork is available at https://juergen-schwind.com/summernote-next. The local examples/ directory mirrors the public structure and demonstrates both summernote-next with Bootstrap 5 and the standalone, UI toolkit-independent summernote-next-classic variant.

Development

Useful commands:

npm run lint
npm run test:coverage
npm run test:scripts
npm run cypress
npm run build

Contributing

Issues and pull requests should be opened in https://github.com/summernote-next/summernote-next.

Maintainer

Summernote Next is maintained by Jürgen Schwind.

• Website: https://juergen-schwind.com
• Email: mailto:[email protected]

License

Summernote Next is released under the MIT License. This project is a fork of Summernote (https://github.com/summernote/summernote/). This fork preserves the original Summernote MIT notice and adds the fork maintainer copyright for work from 2026 onward.