tiptap

Dev tools

rich text editor library

SHOW HN2019

Legend

tiptap

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

github.com

#rich text editor#vue.js#prosemirror#renderless components#wysiwyg

278points
74comments
#116of 2,195 in 2019
Top 6%of 2019 by points

How HN took it

MixedNo clear lean

10 positive, 11 neutral or asking, 0 mixed, 2 critical, out of 23 comments about the project. Thread score +0.44.

Idea: 4 for, 0 againstDesign: 0 for, 2 againstExecution: 1 for, 0 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Renderless design gives full control over markup and styling

    From 2 comments
    • As a frontend dev, this is really, really nice and I wish more libraries followed the renderless principles. So many manhours are wasted, daily, just because a library is a tad…
      Etheryte on HN
    • For those who were confused about the "renderless" bit: > What does renderless mean? > With renderless components you'll have full control over markup and styling. tiptap doesn't…
      faitswulff on HN
  • Suggestions demo for mentions and autocomplete looks promising

    From 1 comment
    • 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…
      jacquesc on HN
  • Smooth and supports good default functionality

    From 1 comment
    • Nice work here, very smooth and supports a good set of functionality by default. Added to the list of HTML editor: https://gist.github.com/manigandham/65543a0bc2bf7006a487
      manigandham on HN

Objections

  • Vue renderless pattern via slots seen as cumbersome by some

    From 2 comments
    • I read the renderless article linked to in the README (https://adamwathan.me/renderless-components-in-vuejs/) and it seems like an absolute nightmare in Vue. Lots of cognitive…
      ng12 on HN
    • Why would you want to use slots, then? It's just extra steps for the same functionality. > The whole idea of renderless is to move beyond this very limited and crude approach for…
      ng12 on HN
  • Built-in links accept javascript: protocol without validation

    From 1 comment
    • Might be nice to do some more input validation, particularly for links - the editor is happy to insert a javascript: link. I don't think this poses a security issue (at most,…
      lol768 on HN

Requests

  • Markdown output support

    From 2 comments
    • This is really cool! and I really want to adopt it. I have a question though, can the data be represented as markdown, instead of html and json? My current editor is monaco and…
      billconan on HN
    • There is already a feature request about markdown support. You can follow that issue on github. At the moment I'm not sure if this will land in tiptap.
      philippkuehn on HN
  • Validation for link protocols

    From 2 comments
    • Might be nice to do some more input validation, particularly for links - the editor is happy to insert a javascript: link. I don't think this poses a security issue (at most,…
      lol768 on HN
    • Good catch! That should be easily done.
      philippkuehn on HN

Questions

  • Browser support, including IE11

    From 2 comments
    • This is really slick. I like it. Would love details on browser support, though.
      ceejayoz on HN
    • It's built on top of ProseMirror. They're targeting IE11.
      philippkuehn on HN

Alternatives named

  • Quill

    From 2 comments
    • This is really awesome. I’ve been watching Prosemirror for a long time and have considered building something like this on top of it, but haven’t had the time to try. I’ve been…
      burlesona on HN
    • 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…
      whatl3y on HN
  • Slate

    From 2 comments
    • On the topic of rich text editors (since people mentioned Slate) what's your opinion of react's draft.js?
      azangru on HN
    • I didn't call it "perfect". Slate.js is great but has some downsides too. But for Vue.js there was like nothing, so I took the first step. There is also a core package of Slate,…
      philippkuehn on HN
  • Draft.js

    From 2 comments
    • On the topic of rich text editors (since people mentioned Slate) what's your opinion of react's draft.js?
      azangru on HN
    • Not OP, but I was an early contributor to Draft. Draft JS lacks a few features, notably nested block support (tables) and a schema definition and sanitization. Slate is more…
      underwater on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/20008466)