| .github/workflows | ||
| .vscode | ||
| docs | ||
| packages | ||
| shims | ||
| tests | ||
| .gitignore | ||
| babel.config.js | ||
| CONTRIBUTING.md | ||
| lerna.json | ||
| LICENSE.md | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
| yarn.lock | ||
tiptap 2.x Preview
Don’t use this in production. It’s full of bugs and the API will likely change.
A renderless and extendable rich-text editor for Vue.js
Why we built tiptap
We were looking for a text editor for Vue.js and found some solutions that didn’t really satisfy me. The editor should be easy to extend and not based on old dependencies such as jQuery. For React there is already a great editor called Slate.js, which impresses with its modularity. I came across ProseMirror and decided to build on it. ProseMirror is a toolkit for building rich-text editors that are already in use at many well-known companies such as Atlassian or New York Times.
What does renderless mean?
With renderless components you'll have (almost) full control over markup and styling. We don’t want to tell you what a menu should look like or where it should be rendered in the DOM. That’s all up to you. There is also a great article about renderless components by Adam Wathan.
How is the data stored under the hood?
You can save your data as a raw HTML string or can get a JSON-serializable representation of your document. And of course, you can pass these two types back to the editor.
💖 Sponsor the development
Are you using tiptap in production? We need your sponsorship to maintain, update and develop tiptap. Become a Sponsor now!
Documentation
To check out some live examples, visit next.tiptap.dev.
Contributing
Please see CONTRIBUTING for details.
Credits
Related Projects
- prosemirror-php by @hanspagel
- html-to-prosemirror by @hanspagel
- prosemirror-to-html by @hanspagel