https://github.com/bangle-io/banger-editor

(previously bangle-editor) Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io
https://github.com/bangle-io/banger-editor

draftjs editor prosemirror react rich-text-editor text-editor wysiwyg wysiwyg-editor

Last synced: 3 days ago
JSON representation

(previously bangle-editor) Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io

• Host: GitHub
• URL: https://github.com/bangle-io/banger-editor
• Owner: bangle-io
• License: mit
• Created: 2019-10-21T04:47:44.000Z (over 5 years ago)
• Default Branch: dev
• Last Pushed: 2025-01-08T01:44:28.000Z (28 days ago)
• Last Synced: 2025-01-26T07:32:36.677Z (9 days ago)
• Topics: draftjs, editor, prosemirror, react, rich-text-editor, text-editor, wysiwyg, wysiwyg-editor
• Language: TypeScript
• Homepage:
• Size: 437 MB
• Stars: 649
• Watchers: 13
• Forks: 37
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-web-editor - bangle.dev - A collection of rich text editor tools to build your next Google doc clone. (Rich text editor)

README

        
## Banger Editor: ProseMirror Made Easy

Banger Editor aims to provide missing pieces of ProseMirror components so you don't have to build them from scratch. And trust me, you don't want to build them from scratch.

**Why Banger Editor?**

*   :battery: **Batteries Included:**  Everything you need to get started with ProseMirror.

*   :spider_web: **Framework Agnostic:**  Vanilla JS at its core, but works great with React. Vue support coming soon!

*   :+1: **Pure ProseMirror:**  No extra abstractions, just pure ProseMirror. Compatible with libraries like `tiptap`, `milkdown`, and `novel`.

*   :hammer_and_wrench: **Headless & Customizable:** Use our `shadcn/ui`-like components or build your own.

**Getting Started**

```bash

npm install banger-editor

```

> [!NOTE]

> Example Repo: [banger-vite-react-starter](https://github.com/kepta/banger-vite-react-starter)

**Peer Dependencies**

Banger Editor uses ProseMirror packages directly. You'll need to install the ones you need.

**New to ProseMirror? Install these:**

```bash

npm install orderedmap prosemirror-commands prosemirror-dropcursor prosemirror-flat-list prosemirror-gapcursor prosemirror-history prosemirror-inputrules prosemirror-keymap prosemirror-model prosemirror-schema-basic prosemirror-state prosemirror-transform prosemirror-view

```