A Summernote alternative with no jQuery.
Summernote is a classic jQuery + Bootstrap editor. Rune drops both dependencies, runs in any framework (or none), themes with CSS variables, and adds real-time collaboration and richer blocks — all MIT licensed.
Rune vs Summernote
| rune | Summernote | |
|---|---|---|
| Zero runtime dependencies | Yes | No — needs jQuery + Bootstrap |
| No build step required | Yes | Yes |
| Headless / CSS-variable theming | Yes | No — Bootstrap UI |
| Config-driven toolbar & menus | Yes | Partial — toolbar option |
| Works without a framework | Yes | Yes — jQuery plugin |
| Real-time collaboration | Built in (Yjs) | No |
| License | MIT | MIT |
What you gain with Rune.
- 01
No jQuery or Bootstrap
Summernote depends on jQuery and Bootstrap. Rune has zero runtime dependencies, so there's nothing extra to load or keep on version.
- 02
Modern and framework-ready
Summernote is a jQuery plugin. Rune ships first-class adapters for React, Vue, Svelte, vanilla JS, and Web Components.
- 03
Collaboration and richer blocks
Rune adds real-time collaboration and 14 configurable block types beyond Summernote's classic toolbar set.
Migrating from Summernote
Summernote initializes a contenteditable through a jQuery plugin and a Bootstrap UI. Rune drops both dependencies and initializes from a config object.
<link href="bootstrap.min.css" rel="stylesheet">
<script src="jquery.min.js"></script>
<script src="summernote.min.js"></script>
<div id="editor"></div>
<script>
$('#editor').summernote({
toolbar: [['style', ['bold', 'italic']]],
callbacks: { onChange: (html) => console.log(html) },
})
</script>import { createFromConfig } from '@parityfox/rune-editor'
import config from './rune.config.js'
import '@parityfox/rune-editor/styles'
const editor = createFromConfig('#editor', config, {
content: '<p>Hello</p>',
onChange: (html) => console.log(html),
})When to choose Summernote instead
Summernote shines if you're already on jQuery and Bootstrap and want a familiar, drop-in WYSIWYG with minimal setup. For legacy stacks or quick admin panels, that simplicity is a real advantage.
Questions
- Does Rune need jQuery like Summernote?
- No. Rune has zero runtime dependencies — no jQuery and no Bootstrap.
- Can I use Rune in React or Vue, not just plain pages?
- Yes. Unlike Summernote's jQuery plugin, Rune ships first-class React, Vue, Svelte, vanilla, and Web Component adapters.
- Does Rune support real-time collaboration?
- Yes — an opt-in Yjs layer with presence, comments, and tracked changes. Summernote has none built in.
Try the dependency-free alternative.
Drop jQuery and Bootstrap — Rune is a zero-dependency editor with modern framework adapters.