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

Re:Show HN: A renderless and extendable rich-text editor for... by jacquesc on Saturday May 25, 2019 @10:12AM (#20009156)

I started paying attention to this when i saw the "Suggestions" demo. https://tiptap.scrumpy.io/suggestions

Every rich text editor I've tried so far, it's been a nightmare to add autocomplete for stuff like mentions and hashtags. I haven't integrated tiptap yet so maybe it's the same, but the code for the demo looks very promising.

[ Parent | on HN ]

Re:Show HN: A renderless and extendable rich-text editor for... by whatl3y on Saturday May 25, 2019 @03:35PM (#20010835)

At a quick glance tiptap looks great and I don't want to derail the thread mentioning another solution, but after admittedly struggling longer than I'd hoped to implement mentions into a Vue-compatible RTE I got it working fine using modules (NPM) `vue-quill-editor` and `quill-mention`.

Since this is the first public thread I've ready of at least one other person struggling with this (I'm sure there are others), I created this gist of my Vue component in case it helps anyone who want to use Quill instead of tiptap: https://gist.github.com/whatl3y/d1a9fb7bab75c2188b226e902c6f...

[ Parent | on HN ]

Re:Show HN: A renderless and extendable rich-text editor for... by jacquesc on Saturday May 25, 2019 @04:57PM (#20011374)

Looks great, thanks for the recommendation!

[ Parent | on HN ]

Re:Show HN: A renderless and extendable rich-text editor for... by philippkuehn on Saturday May 25, 2019 @01:38PM (#20010222)

That's one reason why I built tiptap!

[ Parent | on HN ]