The headless rich text editor framework for web artisans.
Go to file
2020-09-25 23:18:36 +02:00
.github Merge branch 'main' of github.com:ueberdosis/tiptap-next into main 2020-09-24 18:56:24 +02:00
docs improve demo component 2020-09-25 23:18:36 +02:00
packages add content to the link extension page 2020-09-25 19:05:21 +02:00
shims improve eslint config 2020-09-24 09:35:18 +02:00
tests add paste command to cypress, test the link pasterule for a few domains 2020-09-25 21:54:19 +02:00
.editorconfig enable editorconfig for all files 2020-09-25 18:01:53 +02:00
.eslintrc.js add link button 2020-09-25 14:17:53 +02:00
.gitignore ignore cypress screenshots 2020-08-19 18:17:12 +02:00
babel.config.js fix some linting errors 2020-09-23 23:38:11 +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 improve eslint config 2020-09-24 09:35:18 +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 improve eslint config 2020-09-24 00:06:12 +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