The headless rich text editor framework for web artisans.
Go to file
2020-09-23 09:43:21 +02:00
.github/workflows clean up old artifacts 2020-09-15 16:33:13 +02:00
.vscode fix type issue 2020-09-09 12:57:50 +02:00
docs add bullet list and ordered list to the basic example 2020-09-23 09:43:21 +02:00
packages move code to commandmanager 2020-09-23 08:59:21 +02:00
shims fix package build 2020-08-20 23:25:55 +02:00
tests defaults to force: true for type and click 2020-09-15 09:03:08 +02:00
.gitignore ignore cypress screenshots 2020-08-19 18:17:12 +02:00
babel.config.js add optional chaining 2020-09-22 21:54:44 +02:00
CONTRIBUTING.md add basic README, LICENSE and CONTRIBUTING file 2020-09-15 21:16:05 +02:00
lerna.json initial commit 2019-12-07 21:02:22 +01:00
LICENSE.md add basic README, LICENSE and CONTRIBUTING file 2020-09-15 21:16:05 +02:00
package.json add optional chaining 2020-09-22 21:54:44 +02:00
README.md add roadmap to the README 2020-09-22 15:45:32 +02:00
tsconfig.json whitespace 2020-08-20 23:31:20 +02:00
yarn.lock fix more commands 2020-09-22 09:08:08 +02:00

tiptap 2.x Preview

Dont use this in production. Its full of bugs and the API will likely change.

A renderless and extendable rich-text editor for Vue.js

Build Status Sponsor

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 didnt 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 dont want to tell you what a menu should look like or where it should be rendered in the DOM. Thats 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