Thread by @_philippkuehn

I’m currently working on the best rich-text editor for @vuejs. 🤓Here are some features:

🦉 Based on @ProseMirror
💪 Renderless (full control over markup & styling)
💆‍♂️ Modular (you decide which blocks are allowed)
🤯 Extendable (add new blocks as vue components)

@vuejs @ProseMirror I've been looking for the perfect editor for @heyscrumpy for months. Unfortunately, the world of Vue.js lacks some »enterprise« components. 😣 For React, Slate.js is probably the best choice – it's an amazing and powerful framework for building text editors.

@vuejs @ProseMirror @heyscrumpy So this is my try to make a similar experience for Vue. 😊 There is no need to reinvent the wheel – that's why I chose Prosemirror, because there is an incredibly powerful plugin system that allows you to render everything through #vuejs.

@vuejs @ProseMirror @heyscrumpy I can't find a name for this editor. Anyone? 🤔

@vuejs @ProseMirror @heyscrumpy And in this moment the editor has become better than the one from Medium. 🙃

@vuejs @ProseMirror @heyscrumpy It's public now. Here is tiptap – a renderless rich-text editor for @vuejs.

🦉 Based on @ProseMirror
💪 Renderless (full control over markup & styling)
💆‍♂️ Modular (you decide which blocks are allowed)
🤯 Extendable (add new blocks as vue components)

tiptap.scrumpy.io

@vuejs @ProseMirror @heyscrumpy I've added an example for handling images. With drop support 🙌

@vuejs @ProseMirror @heyscrumpy Currently I'm working on automatic code highlighting based on hightlight.js 👀

@vuejs @ProseMirror @heyscrumpy Since many have asked for it: there is now an example for setting text alignment for paragraphs.

@vuejs @ProseMirror @heyscrumpy This is a big one: There is support for suggestions now. That's useful for mentions and hashtags. 🙌
tiptap.scrumpy.io/suggestions