3.2 KiB
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
Roadmap
- Proof of concept
- Building out the editor
- Adding a bunch of extensions
- Creating a few examples
- Giving sponsors access to gather feedback
- Incorporate feedback
- Publicly release version 2.0-beta
- Squash bugs, build more extensions
- Release version 2.0
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